js 写一个时分秒倒计时
阅读 (1620) 2019-12-03 10:28:08
设置一个目标时间,然后根据目标时间显示倒计时
HTML:
<div id="timedown"></div>
JS:里面用到了一些momentjs的日期比较方式
// 时间补零
function prefixInteger(num, n) {
return (Array(n).join(0) + num).slice(-n);
}
// 倒计时
setTime = setInterval(function () {
// 结束时间的时间戳
var endTimestamp = new Date('2020/07/15 12:00:00').getTime()
// 当前时间的时间戳
var startTimestamp = new Date().getTime()
// 计算时间差,除1000是因为毫秒的精度换成秒
var timeDiff = parseInt((endTimestamp - startTimestamp) / 1000)
// 计算倒计时小时
var hoursLeft = parseInt(timeDiff / 60 / 60)
// 计算倒计时分
var minutesLeft = parseInt((timeDiff / 60) % 60)
// 计算倒计时秒
var secondsLeft = parseInt(timeDiff % 60)
// 倒计时结束时清除计时器执行其它逻辑
if(timeDiff <= 0) {
clearInterval(setTime);
} else {
document.getElementById('timedown').innerHTML = prefixInteger(parseInt(hoursLeft), 2) + ':' + prefixInteger(parseInt(minutesLeft), 2) + ':' + prefixInteger(parseInt(secondsLeft), 2)
}
}, 1000);
更新于:2020-07-15 11:11:14