纯代码给wordpress添加倒计时模块 可任意自定义倒计时内容

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

一、功能演示

参考本站首页

二、wordpress代码

1、进入WordPress网站后台

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

3、填写如下代码:

2020年-新年倒计时

157 天 9 时 7 分 42 秒
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);

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

三、其他网站代码

2020年-新年倒计时

157 天 9 时 7 分 42 秒
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);

推荐站内搜索:美国空间、云服务器vps、站群服务器、游戏服务器防御、好域名注册、云主机租用、虚拟空间、租用高防ip、免费域名注册、香港服务器租用、