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+''}
小程序实现正计时和倒计时-小程序实现倒计时-小程序倒计时功能
浏览量:3725
时间:
来源:我有脾气v
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

最新资讯
-
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
阿坝小程序代理
阿坝藏族羌族小程序代理公司有哪些?阿坝藏族羌族小程序代理平台哪个好?阿坝藏族羌族小程序代理商怎么收费,代理政策如何?下面就让即速应用产品经理jisuapp.cn来告诉你吧!