// 倒计时方法
downcount : function (endTime) {
/** 计算出相差的毫秒数 */
var milliSeconds = endTime - new Date().getTime();
/** 计算出相差的秒数 */
var seconds = Math.floor(milliSeconds / 1000);
/** 判断秒是否大于零 */
if (seconds >= 0){
/** 计算出分钟 */
var minutes = Math.floor(seconds / 60);
/** 计算出小时 */
var hours = Math.floor(minutes / 60);
/** 计算出天数 */
var days = Math.floor(hours / 24);
/** 定义resArr封装最后显示的时间 */
var resArr = new Array();
if (days > 0){
resArr.push(this.calc(days) + "天 ");
}
if (hours > 0){
resArr.push(this.calc(hours - days * 24) + ":");
}
if (minutes > 0){
resArr.push(this.calc(minutes - hours * 60) + ":");
}
if (seconds > 0){
resArr.push(this.calc(seconds - minutes * 60));
}
this.timeStr = resArr.join("");
/** 开启延迟定时器 */
setTimeout(function(){
vue.downcount(endTime);
}, 1000);
}else{
this.timeStr = "秒杀结束!";
}
},
// 计算不够两位前面补零
calc : function (num) {
return num > 9 ? num : "0" + num;
}
JS实现页面倒计时功能
最新推荐文章于 2025-05-29 14:47:07 发布