wordpress教程:添加倒计时小工具(高考/新年/纪念日/生日)

白嫖资源网

发表文章数:213

wordpress教程:添加倒计时小工具(高考/新年/纪念日/生日)

 

效果图:

 

wordpress教程:添加倒计时小工具(高考/新年/纪念日/生日)

 

 

wordpress教程:添加倒计时小工具(高考/新年/纪念日/生日)

 

 

使用教程:

 

wordpress后台自定义小工具html添加如下代码:

 

<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>

未经允许不得转载:作者:白嫖资源网, 转载或复制请以 超链接形式 并注明出处 白嫖资源网
原文地址:《wordpress教程:添加倒计时小工具(高考/新年/纪念日/生日)》 发布于2020-06-02

Tips:本站所有资源均收集自互联网,分享目的仅供学习参考,资源版权归该资源的合法拥有者所有。

Tips:破解资源,请在下载后24小时内删除,如需长期使用,请购买正版。

Tips:若本站所发布的资源侵犯到您的合法权益,请及时联系 bpzy@foxmail.com 删除!

分享到:
赞(0) 打赏

评论 抢沙发

1 + 6 =


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

支付宝扫一扫打赏

微信扫一扫打赏

白嫖活动资讯
淘宝天猫年货钜惠1折起,饿了么满减30 庆新年!还有更多的优惠券活动等你领取。省钱你我它他她
切换注册

登录

忘记密码 ?

切换登录

注册