两个小时倒计时,实现代码如下:
html部分如下↓
<div class="seckill">
<p>京东秒杀</p>
<p><span>00:00</span>点场 倒计时</p>
<p>
<span>00</span>
<i>:</i>
<span>00</span>
<i>:</i>
<span>00</span>
</p>
</div>
js部分如下↓
在这里插入//秒杀倒计时 每两个小时一次
timeChange()
setInterval(function () {
timeChange()
}, 1000)
function timeChange() {
var timeSeckill = document.querySelector('.seckill p:nth-child(2) span:first-child');
var d = new Date()
var timeShow = document.querySelectorAll('.seckill p:nth-child(3) span');
// setInterval(function () {
var hours = Math.ceil((d.getHours() + 1) / 2) * 2;
// console.log(hours);
if (hours == 24) {
timeSeckill.innerText = `00:00`
} else {
if (hours >= 10) {
timeSeckill.innerText = `${hours}:00`
} else {
timeSeckill.innerText = `0${hours}:00`
}
}
var hoursNow = d.getHours();
// console.log(hoursNow);
//倒计时开始
d.setHours(2); //未来未来两小时
if (hoursNow % 2) { //设置小时
timeShow[0].innerText = '00'
} else {
timeShow[0].innerText = '01'
}
//设置分钟
var showMinutes = 59 - d.getMinutes();
// console.log(showMinutes);
if (showMinutes >= 10) {
timeShow[1].innerText = showMinutes;
} else {
timeShow[1].innerText = `0${showMinutes}`;
}
//设置秒
var showSeconds = 59 - d.getSeconds();
if (showSeconds >= 10) {
timeShow[2].innerText = showSeconds;
} else {
timeShow[2].innerText = `0${showSeconds}`;
}
}