玖云博客

首页 » 混杂源码 » 2020年倒计时美化彩色代码

2020年倒计时美化彩色代码


2020-

157 天 9 时 7 分 42 秒


放到适合你网站的地方

然后就可以显示了 时间自动转的 不需要刷新的哦

不仅仅可以用于2020年倒计时,你也可以用在你活动倒计时等地方!


捕获.PNG


代码

<div class="gn_box">
    <h1><center><font color=#E80017>2</font><font color=#D1002E>0</font><font color=#BA0045>2</font><font color=#A3005C>0</font><font
            color=#8C0073>年</font><font color=#75008A>-</font><font color=#5E00A1>开</font><font
            color=#4700B8>始</font><font color=#3000CF>倒</font><font color=#1900E6>计</font><font color=#0200FD>时</font>
    </center></h1>
    <center>
        <div id="CountMsg" class="HotDate">
            <span id="t_d">157 天</span>
            <span id="t_h">9 时</span>
            <span id="t_m">7 分</span>
            <span id="t_s">42 秒</span>
        </div>
    </center>
    <script type="text/javascript"> function getRTime() {
        var EndTime = new Date('2020/01/25 00:00:00');
        var NowTime = new Date();
        var t = EndTime.getTime() - NowTime.getTime();
        var d = Math.floor(t / 1000 / 60 / 60 / 24);
        var h = Math.floor(t / 1000 / 60 / 60 % 24);
        var m = Math.floor(t / 1000 / 60 % 60);
        var 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, 1000);
    </script>
</div>

倒计时时间修改

修改2020/01/25 00:00:00 就可以开始倒计时啦

var EndTime = new Date('2020/01/25 00:00:00');


文章如无特别注明均为原创! 作者: 玖云, 转载或复制请以 超链接形式 并注明出处 玖云博客网
原文地址《 2020年倒计时美化彩色代码》发布于2019-12-31

打赏

评论

游客

  1. #2
    qq_avatar

    文章非常好超喜欢

    热搜 2周前 (2020-03-26)回复
  2. #1
    qq_avatar

    文章不错非常喜欢

    热搜榜 1个月前 (2020-03-07)回复
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册