html js倒计时,纯js倒计时

var timeBox = document.getElementById('timeBox')

//每隔一秒钟重新执行一次

var time1 = window.setInterval(function computed() {

//当前时间

var time = new Date();

//目标时间

targetTime = new Date('2029/7/4 22:00:00');

//计算时间de毫秒差

var spanTime = targetTime - time;

if (spanTime <= 0) {

//已经到达抢购时间：此刻我们可以提示开始考试

timeBox.innerHTML = "开始抢购";

window.clearInterval(time1)

return;

}

//还没有到达抢购时间:在总时间当中计算出还有多少小时多少分钟多少秒

var hour = Math.floor(spanTime / (1000 * 60 * 60));

spanTime -= hour * 60 * 60 * 1000; //把小时占据的毫秒去除掉,剩下的值计算还有多少分钟

var minute = Math.floor(spanTime / (1000 * 60));

spanTime -= minute * 60 * 1000; //把小时占据的毫秒去除掉,剩下的值计算还有多少分钟

var sec = Math.floor(spanTime / 1000);

hour < 10 ? hour = "0" + hour : null;

minute < 10 ? minute = "0" + minute : null;

sec < 10 ? sec = "0" + sec : null;

timeBox.innerHTML = hour + ":" + minute + ":" + sec;

}, 1000)