微信小程序setinterval_简单谈谈setTimeout与setInterval

感谢踩过的坑

sf社区的第一篇文章。

最近在做一个拍卖的微信小程序，用到了定时器setTimout和setInterval,简单谈谈这两个api。

setTimeout

最常见的用法就是第二种(第三种mdn文档不推荐)，如:

var timeoutId = setTimeout(function() {

console.log('hello world!')

},1000)

定时器是先等待1000ms再执行function的语句，而不是一开始就执行然后再等待。如果执行的语句需要用到this引用，需要在回调函数function上绑定this：function() {...}.bind(this)，把this传给回调函数，同作为该回调函数的this，使回调函数内外this的指向保持一致。或者用es6的箭头函数() => {}，也能起到同样的作用。bind的用法详见Function.prototype.bind()

用完定时器之后，要记得清除：clearTimeout(timeoutId) 这里的timeoutId是setTimeout返回的一个正整数编号，是定时器的唯一标识符。

setInterval

在我看来基本上可以当成setTimeout的升级版，就像setTimeout循环调用自身，用法也跟setTimeout一样，用完是也要记得用clearInterval清掉定时器。底层原理或许会有些不同，这里就不深究。

下面是我在微信小程序倒计时组件：

// components/countdown