小程序实现简单倒计时-倒计时小程序免费制作-小程序倒计时功能-即速应用

小程序实现简单倒计时-倒计时小程序免费制作-小程序倒计时功能

浏览量：10634 时间：2020-04-06 来源：yingzhi3104

1.
倒计时：00:10:22:23（天数，时，分，秒）
2.
wxTimer.js
varwxTimerfunction(initObj){initObjinitObj||{};this.wxTimerSecondinitObj.wxTimerSecond;this.completeinitObj.complete;//结束任务this.nameinitObj.name;//当前计时器在计时器数组对象中的名字this.intervarID;//计时ID}wxTimer.prototype{//开始start:function(self){varthatthis;//开始倒计时varsecondthis.wxTimerSecond;functionbegin(){//秒数second--;//天数位vardayMath.floor(second/3600/24);vardayStrday.toString();if(dayStr.length1)dayStr'0'+dayStr;//小时位varhrMath.floor((second-day*3600*24)/3600);varhrStrhr.toString();if(hrStr.length1)hrStr'0'+hrStr;//分钟位varminMath.floor((second-day*3600*24-hr*3600)/60);varminStrmin.toString();if(minStr.length1)minStr'0'+minStr;//秒位varsecsecond-day*3600*24-hr*3600-min*60;varsecStrsec.toString();if(secStr.length1)secStr'0'+secStr;vartmpTimeStr[dayStr,hrStr,minStr,secStr].join(':');varwxTimerSecondsecond;varwxTimerListself.data.wxTimerList;//更新计时器数组wxTimerList[that.name]{wxTimer:tmpTimeStr,wxTimerSecond:wxTimerSecond,}self.setData({wxTimerList:wxTimerList});//结束执行函数if(wxTimerSecond0){if(that.complete){that.complete();}that.stop();}}begin();this.intervarIDsetInterval(begin,1000);},//结束stop:function(){clearInterval(this.intervarID);},}module.exportswxTimer;3.
使用：
4.
timer.js
//引入文件vartimerrequire('../../utils/wxTimer.js');Page({/***页面的初始数据*/data:{wxTimerList:{},//倒计时},/***生命周期函数--监听页面加载*/onLoad:function(options){//要做倒计时的秒数（时间戳）vartime60varwxTimer1newtimer({wxTimerSecond:time,name:'wxTimer1',complete:function(){console.log("倒计时结束")}})wxTimer1.start(this);},})5.
timer.wxml
text倒计时：{{wxTimerList['wxTimer1'].wxTimer}}/text