微信小程序实现计时器开始和结束功能_javascript技巧_

计时器{{h}}:{{m}}:{{s}}   任务开始任务结束

data:{      h:'00',      m:'00',      s:'00',   //存储计时器    setInter:'',    num:1, },      /**     * 生命周期函数--监听页面加载     */    onLoad: function (options) {       // this.queryTime()            }, // 计时器 queryTime(){   const that=this;   var hou=that.data.h   var min=that.data.m   var sec=that.data.s     that.data.setInter  = setInterval(function(){       sec++       if(sec>=60){        sec=0        min++        if(min>=60){          min=0          hou++          that.setData({            h:(hou<10?'0'+min:min)          })        }else{          that.setData({            m:(min<10?'0'+min:min)          })        }       }else{         that.setData({           s:(sec<10?'0'+sec:sec)         })       }              var numVal = that.data.num + 1;         that.setData({ num: numVal });         console.log('setInterval==' + that.data.num);        },1000) },     taskStart(){       this.queryTime()   },   taskEnd(){         //清除计时器  即清除setInter     clearInterval(that.data.setInter)       },   onUnload: function () {     var that =this;     //清除计时器  即清除setInter     clearInterval(that.data.setInter)   },