服务跨境电商
助力企业出海

wordpress:纯代码给DUX主题可通用wordpress添加倒计时模块 可任意自定义倒计时内容

今天小编为大家带来利用纯代码和worpress自带的自定义html功能添加倒计时模块,此方法理论上支持所有网站,具体自测吧。

1657675184 WordPress

wordpress代码

1、进入WordPress网站后台

2、选择外观-小工具-添加自定义html小工具。

3、填写如下代码:

复制<div class="gn_box">
    <h1><center><font color=#E80017>2font><font color=#D1002E>0font><font color=#BA0045>1font><font color=#A3005C>9font><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>

4、点击保存,即可前台浏览查看。

声明:
1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。
2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。
3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。
4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。
文章名称:《wordpress:纯代码给DUX主题可通用wordpress添加倒计时模块 可任意自定义倒计时内容》
文章链接:https://www.zjcp.com/8866.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。