純代碼給wordpress添加倒計時(shí)模塊 可任意自定義倒

今天主機鎮為大家帶來(lái)利用純代碼和worpress自帶的自定義html功能添加倒計時(shí)模塊，此方法理論上支持所有網(wǎng)站，具體自測吧。

一、功能演示

參考本站首頁(yè)

二、wordpress代碼

1、進(jìn)入WordPress網(wǎng)站后臺

2、選擇外觀(guān)-小工具-添加自定義html小工具。

3、填寫(xiě)如下代碼：

<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>時(shí)</font>
    </center></h1>
    <center>
        <div id="CountMsg" class="HotDate">
            <span id="t_d">157 天</span>
            <span id="t_h">9 時(shí)</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   " 時(shí)";
        document.getElementById("t_m").innerHTML = m   " 分";
        document.getElementById("t_s").innerHTML = s   " 秒";
    }
    setInterval(getRTime, 1000);
    </script>
</div>

4、點(diǎn)擊保存，即可前臺瀏覽查看。

三、其他網(wǎng)站代碼

<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>時(shí)</font>
    </center></h1>
    <center>
        <div id="CountMsg" class="HotDate">
            <span id="t_d">157 天</span>
            <span id="t_h">9 時(shí)</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   " 時(shí)";
        document.getElementById("t_m").innerHTML = m   " 分";
        document.getElementById("t_s").innerHTML = s   " 秒";
    }
    setInterval(getRTime, 1000);
    </script>
</div>