微信小程序中显示倒计时-可以倒计天数小程序-小程序倒计时功能-即速应用

微信小程序中显示倒计时-可以倒计天数小程序-小程序倒计时功能

浏览量：5620 时间：2020-04-06 来源：MacleChen

1.
wxml文件中：
!--倒计时--viewclass"countDownTimeViewcountDownAllView"viewclass"voteTextcountDownTimeText"{{countDownDay}}天/viewviewclass"voteTextcountDownTimeText"{{countDownHour}}时/viewviewclass"voteTextcountDownTimeText"{{countDownMinute}}分/viewviewclass"voteTextcountDownTimeText"{{countDownSecond}}秒/view/view2.
js文件中：
Page({data:{windowHeight:654,maxtime:"",isHiddenLoading:true,isHiddenToast:true,dataList:{},countDownDay:0,countDownHour:0,countDownMinute:0,countDownSecond:0,},//事件处理函数bindViewTap:function(){wx.navigateTo({url:'../logs/logs'})},onLoad:function(){this.setData({windowHeight:wx.getStorageSync('windowHeight')});},//页面渲染完成后调用onReady:function(){vartotalSecond1505540080-Date.parse(newDate())/1000;varintervalsetInterval(function(){//秒数varsecondtotalSecond;//天数位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;this.setData({countDownDay:dayStr,countDownHour:hrStr,countDownMinute:minStr,countDownSecond:secStr,});totalSecond--;if(totalSecond0){clearInterval(interval);wx.showToast({title:'活动已结束',});this.setData({countDownDay:'00',countDownHour:'00',countDownMinute:'00',countDownSecond:'00',});}}.bind(this),1000);},//cell事件处理函数bindCellViewTap:function(e){varide.currentTarget.dataset.id;wx.navigateTo({url:'../babyDetail/babyDetail?id'+id});}})3.
效果图：