页面效果图

微信小程序api视频课程-定时器-setInterval+clearInterval的使用

wxml代码

设置计时器(setInterval)、清除计时器(clearInterval)

<button bindtap='mystart'>开始计数</button>

<button bindtap='myend'>结束计数</button>

js代码

 data: {
    //存储计数器
    setInter:'',
    num:0
  },
  mystart:function(options){
    var that=this;
    //将计时器赋值给setInter
    that.data.setInter=setInterval(
      function(){
        var numVal=that.data.num + 1;
        that.setData({ num: numVal});
        console.log("当前计数:" + that.data.num);
      },2000);
  },
  myend: function (options) {
    var that = this;
     //清除计时器  即清除setInter
    clearInterval(that.data.setInter)
  },

欢迎大家收看我的****:微信小程序常用API使用

微信小程序api视频课程-定时器-setInterval+clearInterval的使用

相关文章:

  • 2022-01-19
  • 2021-09-07
  • 2021-12-23
  • 2021-10-20
  • 2021-06-23
  • 2021-08-28
  • 2021-07-30
  • 2022-12-23
猜你喜欢
  • 2021-04-26
  • 2022-12-23
  • 2021-09-20
  • 2021-10-17
  • 2021-07-04
  • 2021-04-10
  • 2021-12-13
相关资源
相似解决方案