小程序开发API之定时器setTimeout()、setInterval()

定时器

setInterval：设定一个定时器。按照指定的周期（以毫秒计）来执行注册的回调函数
setTimeout：设定一个定时器。在定时到期以后执行注册的回调函数

setTimeout()和setInterval()方法的区别？

setTimeout()方法用来指定某个函数或字符串在指定的毫秒数之后执行。它返回一个整数，表示定时器的编号，这个值可以传递给clearTimeout()用于取消这个函数的执行
setInterval的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行
即：setTimeout在载入后延迟指定时间后,去执行一次表达式（记住,次数是一次），而setInterval则不一样,它从载入后,每隔指定的时间就执行一次表达式

setInterval(function callback, number delay, any rest)

设定一个定时器。按照指定的周期（以毫秒计）来执行注册的回调函数

函数解析
function callback：参数
number delay：回调函数执行回调函数之间的时间间隔，单位 ms。
any rest：param1, param2, …, paramN 等附加参数，它们会作为参数传递给回调函数。
number：返回值定时器的编号。这个值可以传递给 clearInterval 来取消该定时。

clearInterval(number intervalID)

取消由 setInterval 设置的定时器。
函数解析
number intervalID：要取消的定时器的 ID

例如：

index,js
Page({
  data: {
  },
  onLoad: function (options) {
    var index = 1;
    var timer = setInterval(function () {
      
      if (index == 10) {
        clearInterval(timer)
      }
      console.log('1s执行1次且index+1,等于10停止 index:', index);
      index = index + 1;

    }, 1000);
  }
})

setTimeout(function callback, number delay, any rest)

设定一个定时器。在定时到期以后执行注册的回调函数

函数解析
function callback：回调函数
number delay：延迟的时间，函数的调用会在该延迟之后发生，单位 ms。
any rest：param1, param2, …, paramN 等附加参数，它们会作为参数传递给回调函数。
number：返回值定时器的编号。这个值可以传递给 clearTimeout 来取消该定时。

clearTimeout(number timeoutID)

取消由 setTimeout 设置的定时器。
函数解析
number timeoutID：要取消的定时器的 ID

例如：

index.js
Page({
  data: {},
  onLoad: function (options) {
    setTimeout(function () {
      console.log('10s后执行');
    }, 10000);
  }
})