微信小程序> 小程序实现正计时和倒计时-小程序实现倒计时-小程序倒计时功能

小程序实现正计时和倒计时-小程序实现倒计时-小程序倒计时功能

浏览量:3725 时间: 来源:我有脾气v
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+''}

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎