1.

小程序实现正计时和倒计时

1、正计时：2.

实现后的样式：

3.

代码片段：

vartimer;//计时器Page({data:{seconds:0,secondMax:3599,timeMax:'60:00',maxTime:'60:00',actionMax:true,stopMaxTime:false,resetMax:false,time:'00:00',cost:0,action:true,stopTime:false,reset:false,childName:[{"name":'选项1',"active":true},{"name":'选项2',"active":false},{"name":"选项3","active":false},{"name":'选项4',"active":false}],active1:false,active2:true,active3:false,active4:true,active:'Exercise-Program-choose-one'},cilckChild(e){constthatthis;letindexe.currentTarget.dataset.index;letchildNamethat.data.childName;for(leti0;ichildName.length;i++){if(indexi){childName[i].activetrue;}else{childName[i].activefalse;}}that.setData({childName:childName})},onLoad:function(options){},timing(e){this.setData({action:!this.data.action,stopTime:false})timing(this)},stopTime(e){console.log("现在的记录时间时长："+this.data.seconds)this.setData({stopTime:true,reset:true})},reset(e){constthatthis;if(!that.data.reset){that.setData({stopTime:true})}else{that.setData({seconds:0,action:!that.data.action})}},timingMax(e){this.setData({actionMax:!this.data.actionMax,stopMaxTime:false})timingMax(this)},stopMaxTime(e){console.log("现在是记录的时间时长：",this.data.secondMax)this.setData({stopMaxTime:true,resetMax:true})},resetMax(e){constthatthis;if(!that.data.resetMax){that.setData({stopMaxTime:true})}else{that.setData({secondMax:3600,actionMax:!that.data.actionMax})}},functiontimingMax(that){varsecondsthat.data.secondMaxif(seconds0){that.setData({timeMax:'00:00'});return;}if(that.data.stopMaxTime){if(!that.data.resetMax){that.setData({secondMax:3600,actionMax:!that.data.actionMax})return;}return;}setTimeout(function(){that.setData({secondMax:seconds-1});timingMax(that);},1000)formatSecondsMax(that)}functionformatSecondsMax(that){varmins60,hours1,secondsthat.data.secondMax,timeMax''if(seconds60){minsparseInt(mins%60)}elseif(seconds3600){minsparseInt(seconds/60)secondsseconds%60}else{minsparseInt(seconds/60)secondsseconds%60hoursparseInt(mins/60)minsmins%60}console.log(formatTime(mins))console.log(formatTime(seconds))that.setData({//time:formatTime(hours)+':'+formatTime(mins)+':'+formatTime(seconds)timeMax:formatTime(mins)+':'+formatTime(seconds)});}functionformatTime(num){if(num10)return'0'+numelsereturnnum+''}