小程序定时器使用

微信小程序要设定一个定时器有两种方法:
1、setInterval:按照指定的周期来执行注册的回调函数。(任务每隔一段时间执行)
2、setTimeout:在定时到期以后执行注册的回调函数。(指定的时间后执行)

注意回收:定时器是全局的,并不是跟页面绑定的,当小程序从一个页面路由到另一个页面之后,前一个页面定时器应注意手动回收。

setInterval定时器应用:

Page({
  data: {
    inter: '',
  },
  /**
   * 启动定时器
   */
  startInter : function(){
    var that = this;
    that.data.inter= setInterval(
        function () {
            // TODO 你需要无限循环执行的任务
            console.log('setInterval 每过500毫秒执行一次任务')
        }, 500);    
  },
  /**
   * 结束定时器
   */
  endInter: function(){
    var that = this;
    that.clearInterval(that.data.inter)
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    this.endInter()
  },
})


setTimeout 定时器应用:

Page({
  data: {
    timer : '',
  },
  /**
   * 启动定时器
   */
  startTimer : function(){
    var that = this;
    that.data.timer = setTimeout(
        function () {
            // TODO 你需要执行的任务
            console.log('startTimer  500毫秒后执行一次任务')
        }, 500);    
  },
  /**
   * 结束定时器
   */
  endTimer: function(){
    var that = this;
    clearTimeout(that.data.timer)
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    this.endTimer()
  },
})

你可能感兴趣的:(小程序开发,小程序)