微信小程序动态显示项目倒计时

微信小程序动态显示项目倒计时微信小程序动态显示项目倒计时

主要为大家详细介绍了微信小程序动态显示项目倒计时，具有一定的参考价值，感兴趣的小伙伴们可以参考一

下

本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码，供大家参考，具体内容如下

1、展示的效果如下

2、wxml代码：

<!--倒计时 -->

<text wx:if="{{clock!=''}}">仅剩{{clock}}</text>

var EndTime = new Date(that.data.collage.collage_end).getTime() || [];

// console.log(EndTime);

var NowTime = new Date().getTime();

var total_micro_second = EndTime - NowTime || []; //单位毫秒

if (total_micro_second < 0) {

// console.log('时间初始化小于0，活动已结束状态');

total_micro_second = 1; //单位毫秒 ------ WHY？

}

// console.log('剩余时间：' + total_micro_second);

// 渲染倒计时时钟

});

return;

}

setTimeout(function () {

total_micro_second -= 1000;

countdown(that);

}

, 1000)

}

// 小时

var hr = Math.floor(second / 3600 % 24);

// 分钟

var min = Math.floor(second / 60 % 60);

// 秒

var sec = Math.floor(second % 60);

return day + "天" + hr + "小时" + min + "分钟" + sec + "秒";

}

Page({

onLoad: function(options) {

}

})

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