<script>
let eleHour = document.querySelector('#hour')
let eleMinutes = document.querySelector('#minutes')
let eleScond = document.querySelector('#scond')
let zz = setInterval(function () {
let date = new Date('2022-1-20 18:30:00')
let now = Date.now()
let offset = parseInt((date.getTime() - now) / 1000)
if (offset === 0) {
clearInterval(zz)
}
let hour = parseInt(offset / 60 / 60)
hour = hour < 10 ? '0' + hour : hour
let minute = parseInt(offset % 3600 / 60)
minute = minute < 10 ? '0' + minute : minute
let second = offset % 60
second = second < 10 ? '0' + second : second
eleHour.innerText = hour
eleMinutes.innerText = minute
eleScond.innerText = second
}, 1000)
</script>
- 设置定时器,设置定时器时间,1k毫秒判断一次
- 取下课时间
- 用下课时间戳减去当前时间戳
- 判断时间是否结束,结束后停止
- 判断数值是否小于10,如小于就在前面加0
- 赋值渲染