js简单倒计时功能（天、时、分、秒）

最新推荐文章于 2024-04-30 18:33:01 发布

野格加头孢

最新推荐文章于 2024-04-30 18:33:01 发布

阅读量3.1k

点赞数 3

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45792701/article/details/125431622

版权

1、使用getTime()方法获取总毫秒数（时间戳）

2、将设定的时间的毫秒数-当前时间的毫秒数··

（天、时、分、秒）计算方法如下

·整天：总的毫秒数 / 一天的毫秒数

·小时：（总的毫秒数 / 一个小时的毫秒数） % 24小时（因为整小时部分已经被整天拿走了，相除剩下的就是剩余小时数量，再取余24小时就可以得到剩下多少个小时）

·分钟和小时的计算一样，去掉整分钟数，用余下的分钟数 % 60分钟就可以得到剩下的分钟数

·秒的计算一样

————————————————
版权声明：本文为CSDN博主「岁寒,然后知BUG之难改也」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/z2475371077/article/details/120370210

实现代码如下

<body>
    <h1></h1>
    <script>
        let h1=document.querySelector('h1');
        function showTime() {
            let nowTime = new Date();//获取当前时间
            let setTime = new Date('2023/1/1');//设置结束时间

            let remianAllSeconds = Math.floor((setTime.getTime() - nowTime.getTime()) / 1000);//剩余总秒数
            let remainDays = Math.floor(remianAllSeconds / (60 * 60 * 24));//剩余天数 
            let remainHours = Math.floor(remianAllSeconds / (60 * 60) % 24);//剩余小时数
            let remainMinutes = Math.floor(remianAllSeconds / 60 % 60);//剩余分钟数
            let remainSeconds = Math.floor(remianAllSeconds % 60);//剩余秒数
            let str=`距离结束时间剩余${remainDays}天${remainHours}小时${remainMinutes}分钟${remainSeconds}秒`
            return str; 
        }
        
        setInterval(function(){           
            h1.innerHTML=showTime();
        },1000)

    </script>
</body>

运行结果：