页面结构文件中：

！-倒计时-view class=' countdowtimeview countdownlview ' view class=' voteText countdowtimeext ' { countdowday } }天/view view class=' voteText倒计时metext ' {倒计时一小时} }时/view view class=' voteText countdowtimext ' { countdowminute } }分/view view class=' voteText countdowtimetext ' { countdowsecond } }秒/view /viewjs文件中：

页面({ data : { window height : 654，maxtime: ' '，ishidendload : true，isHiddenToast: true，dataList: {}，countdowday : 0 0 0，countdowhours : 0 0 0 0，countdowminutes :}，//事件处理函数bindViewTap:函数(){ wx。导航到({ URL : './logs/logs' }) }，onload :函数(){ this。setdata({ windowHeight : wx。getstoragesync('窗口高度')})；}, //页面渲染完成后调用onReady:函数(){ var total second=1505540080-Date。解析(新的Date())/1000；var interval=setInterval(function(){//秒数var second=totalSecond//天数位var day=Math.floor(秒/3600/24);var DayStr=day。ToString()；if(DayStr。length==1)DayStr=' 0 ' DayStr；//小时位var hr=Math.floor(第二天* 3600 * 24)/3600);var hrStr=HR . ToString()；if(hrStr。长度==1)hrStr=' 0 ' hrStr；//分钟位var min=数学. floor((第二天* 3600 * 24-HR * 3600)/60)；var minStr=min。ToString()；if(minStr。长度==1)minStr=' 0 ' minStr；//秒位var秒=第二天* 3600 * 24 -小时* 3600 -分钟* 60;var SecStr=秒。ToString()；if(SecStr。长度==1)SecStr=' 0 ' SecStr；这个。setdata({ countdowday : day str，countDownHour: hrStr，countDownMinute: minStr，countDownSecond: secStr，})；总计秒-；if(总秒0){ clearInterval(间隔)；wx.showToast({ title: '活动已结束', });这个。setdata({ countdowday : ' 00 '，countDownHour: ' 00 '，countDownMinute: ' 00 '，countDownSecond: ' 00 '，})；} }.绑定（本),1000);},//单元格事件处理函数bindscellviewtap :函数(e){ var id=e . CurrentTarget。数据集。id；wx.navigateTo({ url: './babyDetail/babyDetail？id=' id })；}})效果图：

以上所述是小编给大家介绍的微信小程序中显示倒计时详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！