2021新年倒计时html代码 - 会飞的猪

2021新年倒计时html代码

作者: 会飞的猪

全网最全的网络资源分享网站

手机扫码查看

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

广告位

简介

分享一款炫酷的倒计时代码给大家

大家可以用来做单页也可以加在自己的网站

加代码前先记得拷贝一下,万一加错地方还有回旋的余地

演示

QQ截图20200131013200.png

教程

代码放在哪里可以按自己想要的效果放,这里我放在了log_list.php文件里面如下图:QQ截图20200131013543.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>
分享到:
打赏
-版权声明-

作者: 会飞的猪, 转载或复制请以 超链接形式 并注明出处 会飞的猪
原文地址: 《2021新年倒计时html代码》 发布于2020-1-30

阅读时间:   发布于:2020-1-30
文章标题:《2021新年倒计时html代码》
本文链接:https://ojbk520.cn:443/post-18.html
本文编辑: 会飞的猪,转载请注明超链接和出处会飞的猪
收录状态:[百度已收录][360已收录][搜狗已收录]

评论一下

切换注册

登录

忘记密码?

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

切换登录

注册

2021新年倒计时html代码

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏