JavaScript 实现倒计时

最新推荐文章于 2023-11-14 10:56:21 发布

isxxya

最新推荐文章于 2023-11-14 10:56:21 发布

阅读量3.2k

点赞数 26

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_49993061/article/details/108022344

版权

javascript 专栏收录该内容

14 篇文章

订阅专栏

<!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>