本文实例为大家分享了微信小程序实现商城倒计时的具体代码，供大家参考，具体内容如下

index.html:

view class=' countdowtimeview pull-left countdownlview text-left '文本倒计时：/text text class=' voteText倒计时metext ' {倒计时一小时} }/text : text class=' vote text倒计时metext ' {倒计时一分钟} }/text : text class=' vote text倒计时metext ' {倒计时一秒} }/text/viewutil。js:

常量格式时间=日期={常量年=日期。getfullyear()const month=date。getmonth()1 const day=date。getdate()const hour=date。gethours()常量分钟=日期。getminutes()const second=date。getseconds()返回[年、月、日]。地图（格式号)。联接('/')' '[小时、分钟、秒]。地图（格式号)。join(' : ')} const format number=n={ n=n . tostring()返回n[1]？n :"0"n }模块。导出={ format time : format time }索引。js:

var util=require('././utils/util。js’)；//调用微信小程序中时间格式化的js页面：({ data : { countdowhours : 0，//倒计时-时countDownMinute: 0，//倒计时-分countDownSecond: 0，//倒计时-秒}, //页面渲染后执行onLoad:函数(){ //设置倒计时时间，1s变换一次var interval=setInterval(函数(){ var d=新日期()；//获取系统日期和时间var now hour=d . get hours()；//小时var now MINUTES=d . GetMINUTES()；//分var now秒数=d . getseconds()；//秒//显示在倒计时中的小时位var小时=24小时；//显示在倒计时中的分钟位定义变量分钟=60-现在分钟；//显示在倒计时中的秒数定义变量秒=60-现在秒；//当小时、分钟、秒都为0时，活动结束，倒计时显示为00:000:00 if(小时==0分钟==0秒==0){ clearInterval(interval)；wx.showToast({ title: '活动已结束', });控制台。日志(总秒数)；这个。setdata({ countdowhours : ' 00 '，countDownMinute: ' 00 '，countDownSecond: ' 00 '，})；} //当小时位、分钟位、秒位小于10时，用字符串拼接的方式显示，例如：06:08:02 if(hour 10){ hour=' 0 ' hour；}如果(分钟10) {分钟='0 '分钟；}如果(秒10) {秒='0 '秒；}这个。setdata({倒计时：小时，倒计时：分钟分钟，计数下行秒：秒，});}.绑定（本),1000);},})最终实现效果图如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。