JavaScript定时器

最新推荐文章于 2022-10-15 17:34:09 发布

汪仔牛奶糖...

最新推荐文章于 2022-10-15 17:34:09 发布

阅读量158

点赞数 2

文章标签：大数据

本文链接：https://blog.csdn.net/weixin_69761224/article/details/125527539

版权

<div>
    <p class="hour"></p>
    <p class="minute"></p>
    <p class="second"></p>
</div>
<script>
    var hour = document.querySelector('.hour');//获取第一个盒子  并把小时放入盒内
    var minute = document.querySelector('.minute');//获取第二个盒子  并把分钟放入盒内
    var second = document.querySelector('.second');//获取第三个盒子  并把秒放入盒内
    var endTime = +new Date('2022-6-30 17:00:00');//获取你将要定时未来的时间
    name();//这里是在执行定时前 新执行函数程序，把页面刷新时出现的空白消失
    setInterval(name,1000);//用定时器回调函数，
    function name(){
        var nowTime = +new Date();//获取当前时间
        var times= (endTime-nowTime)/1000;//获取倒计时的总毫秒数
        var h =parseInt(times/60/60%24);//获取时间，小时
        h=h<10? '0'+h : h;//三元运算符，h<10 时，那么h='0'+h,h>10时，那么h=h
        hour.innerHTML=h;//将h值赋予到hour里面去，那么第一个盒子就是这个值
        var min=parseInt(times/60%60);//获取时间，分钟
        min=min<10? '0'+min : min;
        minute.innerHTML=min;
        var s = parseInt(times%60);//获取时间，秒
        s=s<10? '0'+s : s;
        second.innerHTML=s;
    }
</script>