js 倒计时

最新推荐文章于 2025-12-20 12:23:55 发布

转载最新推荐文章于 2025-12-20 12:23:55 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/weixin_43465609/article/details/106746854

文章标签：

#javascript

js 倒计时

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>  
    <div id="clock"></div>
  
    <script>
        var clocks = document.getElementById("clock");
        function leftTimer() {
            var now = new Date();
            //创建一个新日期
            var endDate = new Date('2021/5/22 10:56');
            //创建一个指定日期
            var leftTime = (endDate.getTime() - now.getTime()) / 1000;
            // var days = parseInt(leftTime/60/60/24);
            var hours = parseInt(leftTime / 60 / 60);
            var minutes = parseInt(leftTime / 60 % 60);
            var seconds = parseInt(leftTime % 60);
            //补零
            if (hours < 10) {
                hours = '0' + hours;
            }
            if (minutes < 10) {
                minutes = '0' + minutes;
            }
            if (seconds < 10) {
                seconds = '0' + seconds;
            }
            //拼接
            time = hours + "小时" + minutes + "分钟" + seconds + "秒";

            if (leftTime <= 0) {
                clock.innerHTML = "活动开始";
            } else {
                clocks.innerHTML = time;
            }
        }
        leftTimer();
        //由于第一秒时候为空，所以先执行再下一步
        setInterval(leftTimer, 1000);

    </script>
</body>

</html>