html时分秒倒计时,js 写一个时分秒倒计时

HTML:

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);