JavaScript 实现倒计时

超、凢脫俗 2022-11-27 12:13 281阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>倒计时</title>
    </head>
    <body>
        <h1 id="timer"></h1>
        <script>
            function leftTimer(year, month, day, hour, minute, second) {
                var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date()); //计算剩余的毫秒数
                var days = parseInt(leftTime / 1000 / 60 / 60 / 24); //计算剩余的天数
                var hours = parseInt(leftTime / 1000 / 60 / 60 % 24); //计算剩余的小时
                var minutes = parseInt(leftTime / 1000 / 60 % 60); //计算剩余的分钟
                var seconds = parseInt(leftTime / 1000 % 60); //计算剩余的秒数
                days = checkTime(days);
                hours = checkTime(hours);
                minutes = checkTime(minutes);
                seconds = checkTime(seconds);
                setInterval("leftTimer(2020,11,11,23,59,59)", 1000); //传入目标时间
                document.getElementById("timer").innerHTML = "距离双十一狂欢购物节还有" + days + "天" + hours + "小时" + minutes + "分" + seconds +
                    "秒";
            }
    
            function checkTime(i) { //将0-9的数字前面加上0，例1变为01
                if (i < 10) {
                    i = "0" + i;
                }
                return i;
            }
            leftTimer();
        </script>
    </body>
    
    </html>