因为看其他博客都有类似的时间显示,自己以前也看过类似教程,但是都没有下定决心去实践,终于等到有空了,就给弄出来了。
思路
用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。
展示成果
总结
那个月份真的要注意!我就卡在这里了!