JavaScript 倒计时案例

倒计时功能实现

最新推荐文章于 2025-12-04 17:39:28 发布

原创最新推荐文章于 2025-12-04 17:39:28 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

本文介绍了一种使用JavaScript实现倒计时的方法。通过获取当前时间的毫秒数，并与目标时间进行对比，计算出剩余时间并转换为天、小时、分钟和秒的形式展示。

new date（）方法用来获取当前时间

时间戳：当前时间距离 1970 1 1 号的毫秒数

常用方法：+ new Date（）

<script>
        function countDown(time) {
            var nowtime = +new Date();//获取当前时间的毫秒数
            var inputTime = +new Date(time);//获取输入时间的毫秒是
            var times = (inputTime -nowtime)/1000; // 剩余时间的秒数
            var d = parseInt(times /60/60/24);
            d = d < 10 ? '0' + d:d;//d小于10时自动补0
            var h = parseInt(times /60/60%24);
            h = h < 10 ? '0' + h:h;
            var m = parseInt(times /60%60);
            m = m < 10 ? '0' + m:m;
            var s = parseInt(times %60);
            s = s < 10 ? '0' + s:s;
            return d + '天' + h + '小时' + m + '分钟' + s + '秒';//返回值
        }
        console.log(countDown('2022-8-29 14:00:00'));
    </script>