倒计时的制作
script的代码部分相关逻辑:
要用的函数就是setInterval这个函数,这个函数可以重复一直调用
<script>
var hour = document.querySelector('.hour');
var minute = document.querySelector('.minute');
var second = document.querySelector('.second');
var inputTime = +new Date('2022-1-20 16:45:00');
//先注册事件,获取元素
countDown();//先调用一次,防止页面刷新有空白;
setInterval(countDown,1000);
function countDown(){
var nowtime = +new Date();//返回当前时间总毫秒数
var times =(inputTime-nowTime)/1000; }//剩余总秒数
var h = parseInt(times/60/60%24);//时
h = h < 10 ? '0' + h : h;
hour.innerHTML = h;//把剩余的小时给小时盒子
var m = parseInt(times/60%60);//时
m = m < 10 ? '0' + m : m;
minute.innerHTML = m;
var s = parseInt(times%60);//时
s = s < 10 ? '0' + s : s;
second.innerHTML = s;
</script>