wordpress怎么在网站添加春节倒计时模块呢?

快过春节了,意创云在这里祝大家春节快乐,心想事成,今天给大家分享一个wordpress网站的一个春节倒计时小模块,如果大家喜欢,也可以放在自己的网站里.

春节倒计时模块图

将以下代码放到你想要展示的地方


<div class=”card” style=”background: url(

https://i.loli.net/2021/11/12/A8uPS4zIB1oeiNv.jpg) no-repeat; background-size: cover;”><br>
   <center><b> <h4><p><span style=”color: #ffffff;”>2022年-新春倒计时</span></p></h4></b></center>
<div class=”gn_box”>
    <center>
        <div id=”CountMsg” class=”HotDate text-light”>
            <span style=”color: #ffffff;”><span id=”t_d”>157 天</span>
            <span id=”t_h”>9 时</span>
            <span id=”t_m”>7 分</span>
            <span id=”t_s”>42 秒</span></span>
        </div><br>

 </center><br>
    <script type=”text/javascript”> function getRTime() {
        var EndTime = new Date(‘2022/02/01 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>
</div><style>
    .copyright {
        margin-top: 10px;
        padding: 10px;
        background: #5f9ea0;
        border-radius: 5px;
        color : #f0ffff;
    }

    .copyright .copyright-title {
        padding: 5px;
        text-align: center;
    }
    .copyright .copyright-title h3 {
        font-size: 18px;
    }

    .copyright .copyright-text {
        font-size: 15px;
        line-height: 25px;
    }
    .copyright .copyright-url {
        margin: 5px 0;
    }





为TA充电
共{{data.count}}人
人已赞赏
wordpress建设

WordPress指定文章或目录更新时如何给用户发送邮件通知

2022-1-17 16:19:10

wordpress建设

B2主题火车头发布模块

2022-10-30 15:13:53

个人中心
购物车
优惠劵
今日签到
搜索