微信小程序—动态显示项目倒计时格式6天6小时58分钟39秒-微信群倒计时编辑器-小程序倒计时功能-即速应用

微信小程序—动态显示项目倒计时格式6天6小时58分钟39秒-微信群倒计时编辑器-小程序倒计时功能

浏览量：3833 时间：2020-04-06 来源：十二er

1.
1、展示的效果如下
2.
2、wxml代码：
!--倒计时--textwx:if"{{clock!''}}"仅剩{{clock}}/texttextwx:if"{{clock''}}"已经截止/text3.
3、js代码：
4.
在拼团项目中获取到活动结束时间的格式为一下格式
5.
因该格式无法正常计算时长，所进行了格式转换newDate(that.data.collage.collage_end).getTime()
//倒计时functioncountdown(that){varEndTimenewDate(that.data.collage.collage_end).getTime()||[];//console.log(EndTime);varNowTimenewDate().getTime();vartotal_micro_secondEndTime-NowTime||[];//单位毫秒if(total_micro_second0){//console.log('时间初始化小于0，活动已结束状态');total_micro_second1;//单位毫秒------WHY？}//console.log('剩余时间：'+total_micro_second);//渲染倒计时时钟that.setData({clock:dateformat(total_micro_second)//若已结束，此处输出'0天0小时0分钟0秒'});if(total_micro_second0){that.setData({clock:"已经截止"});return;}setTimeout(function(){total_micro_second-1000;countdown(that);},1000)}//时间格式化输出，如11天03小时25分钟19秒每1s都会调用一次functiondateformat(micro_second){//总秒数varsecondMath.floor(micro_second/1000);//天数vardayMath.floor(second/3600/24);//小时varhrMath.floor(second/3600%24);//分钟varminMath.floor(second/60%60);//秒varsecMath.floor(second%60);returnday+"天"+hr+"小时"+min+"分钟"+sec+"秒";}Page({onLoad:function(options){wx.request({success:function(request){//倒计时(获取结束时间后再进行倒计时方法调用)countdown(that);}})}})