Web

wordpress实现页脚显示本站运行时间

michaelliunsky · 8月18日 · 2022年 · · 本文共1306个字 · 预计阅读5分钟857次已读

因为看其他博客都有类似的时间显示,自己以前也看过类似教程,但是都没有下定决心去实践,终于等到有空了,就给弄出来了。

思路

用HTML+JS实现,这也是常见组合。

方法

先复制以下代码

<div>本博客已运行 <span id="blog_running_days" class="odometer"></span> days , <span id="blog_running_hours" class="odometer"></span> h , <span id="blog_running_mins" class="odometer"></span> m , <span id="blog_running_secs" class="odometer"></span> s</div>
<script no-pjax>
var blog_running_days=document.getElementById("blog_running_days");
var blog_running_hours=document.getElementById("blog_running_hours");
var blog_running_mins=document.getElementById("blog_running_mins");
var blog_running_secs=document.getElementById("blog_running_secs");
function refresh_blog_running_time(){
    var time = new Date() - new Date(2022, 7, 5, 10, 52, 0);
    var d=parseInt(time/24/60/60/1000);
    var h=parseInt(time%(24*60*60*1000)/60/60/1000);
    var m=parseInt(time%(60*60*1000)/60/1000);
    var s=parseInt(time%(60*1000)/1000);
    blog_running_days.innerHTML=d;
    blog_running_hours.innerHTML=h;
    blog_running_mins.innerHTML=m;
    blog_running_secs.innerHTML=s;
}
refresh_blog_running_time();
if (typeof(bottomTimeIntervalHasSet) == "undefined"){
    var bottomTimeIntervalHasSet = true;
    setInterval(function(){refresh_blog_running_time();},500);
}
</script>

然后根据你网站的开始时间,修改

    var time = new Date() - new Date(2022, 7, 5, 10, 52, 0);

一行中的(2022, 7, 5, 10, 52, 0),根据(年,月-1,号,时,分,秒)去填写就好,不过特别要注意月份要减一,比如我是8月份建站,那这个地方就要填写7。

展示成果

wordpress实现页脚显示本站运行时间
已经实现了

总结

那个月份真的要注意!我就卡在这里了!

0 条回应