微信小程序显示倒计时功能示例【测试可用】

本文实例讲述了微信小程序显示倒计时功能。分享给大家供大家参考，具体如下：

微信小程序中显示倒计时：

index.wxml:

视图类='倒计时'剩：文本样式=' color : # 6B4EFD ' { countdowday } }/文本天text style=' color : # 6B4EFD ' {倒计时一小时} }/text style=' color : # 6B4EFD ' {倒计时一分钟} }/text style=' color : # 6B4EFD ' {倒计时一秒} }/text/view index。js :

页面({ 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=Date。解析(新日期(' 2018/12/12 ')/1000-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 })；}})运行结果如下图所示：

希望本文所述对大家微信小程序开发有所帮助。