js教程

JS距离2020过年倒计时代码

精准像素 2020-11-01 人阅读

JS距离2020过年倒计时代码,大概效果如下图,样式自行美化,这里就不分享样式了,只分享JS代码

JS距离2020过年倒计时代码
JS倒计时代码截图
<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>


相关推荐
  • JS代码
  • 网站禁止右键和复制JS代码

    这个其实很简单,一段JS代码就能禁止网页鼠标右键和复制了。测试了IE和谷歌浏览器,其他的没测试。<style type="text/css"> body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; ...

    js教程 58 1年前
  • 查询百度收录量API接口代码

    显示百度收录最新的网页收录数,还在到处查网页百度收录有没有添加吗,那你就落后了,现在都是直接在网页显示百度收录的最新数量。使用直接在要显示的地址添加以下代码即可。<div id="mli"></div><script type="text/javascript">var url = &#39;https://...

    js教程 38 10个月前
  • 使用Chrome控制台快速查找调试JavaScript运行代码
    使用Chrome控制台快速查找调试JavaScript运行代码

    精准像素觉得Chrome是目前最好用的浏览器,写的网页时可以利用Chrome轻松找到对应的js动作的。Chrome内核给我们提供了非常强大的开发人员工具,使用它,我们可以提升很高的效率,下面就跟我一起学习下Ch...

    js教程 20 8个月前