简单易用的倒计时js代码

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

习惯就好

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

阅读量892

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>简单易用的倒计时js代码</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        body {
            font-size: 18px;
            text-align: center;
        }

        .time {
            height: 30px;
            padding: 200px;
        }
    </style>
</head>
<body>
    <div class="time">
        <span id="t_d">00天</span>
        <span id="t_h">00时</span>
        <span id="t_m">00分</span>
        <span id="t_s">00秒</span>
    </div>
    <script>
        function GetRTime()
        {
            var EndTime = new Date('2015/2/25 23:59:59');
            var NowTime = new Date();
            var t = EndTime.getTime() - NowTime.getTime();
            var d = 0;
            var h = 0;
            var m = 0;
            var s = 0;
            if (t >= 0)
            {
                d = Math.floor(t / 1000 / 60 / 60 / 24);
                h = Math.floor(t / 1000 / 60 / 60 % 24);
                m = Math.floor(t / 1000 / 60 % 60);
                s = Math.floor(t / 1000 % 60);
            }
            document.getElementById("t_d").innerHTML = d + "天";
            document.getElementById("t_h").innerHTML = h + "时";
            document.getElementById("t_m").innerHTML = m + "分";
            document.getElementById("t_s").innerHTML = s + "秒";
        }
        setInterval(GetRTime, 0);
    </script>
</body>
</html>

习惯就好

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单易用的倒计时js代码

简单易用的倒计时js代码 * { margin: 0; padding: 0; list-style: none; } body { font-size: 18px; text-align: center;
复制链接

扫一扫