//获取节点
let hours = document.querySelector('.time');
let timebox = document.querySelectorAll('.timebox');
//console.log(timebox);
setInterval(function time() {
//设置当前的场次
//获取当前时间
var date = new Date;
console.log(date);
//设置场
var hs = date.getHours();
if (hs % 2 == 1) {
hs++;
}
hours.innerHTML = hs + ':00场'
//设置当前场次的时分秒
//设置当前场次的结束时间
date.setHours(hs);
date.setMinutes(0);
date.setSeconds(0);
var news = new Date;
var mill = date - news;
//小时
var hour = Math.floor(mill / 1000 / 60 / 60);
var minutes = Math.floor(mill / 1000 / 60 % 60);
var seconds = Math.floor(mill / 1000 % 60);
//遍历倒计时的节点
for (let i = 0; i < timebox.length; i++) {
//console.log(timebox[0]);
//将剩余时间追加到页面
timebox[0].innerHTML = '0' + hour;
if(minutes<10){
timebox[1].innerHTML ='0'+ minutes;
}else{
timebox[1].innerHTML = minutes;
}
if(seconds<10){
timebox[2].innerHTML ='0'+ seconds;
}else{
timebox[2].innerHTML = seconds;
}
}
}, 1000)
第一张图为搜狐的,第二张图为谷歌