EMLOG通过HTML代码统计已运行天数的方法

在网站前台展示本站已运行时间的重要性,博客志此前已经进行了多次重复,此前也分享过EMLOG通过PHP代码统计已运行天数的方法,那么今天我们再来分享一个通过HTML代码统计网站已运行时间的方法。

一、操作步骤

1、打开模板文件footer.php,在合适的位置添加如下代码

<h3 style="text-align:center;">
    <span id="timeDate" style="color:#E53333;">载入天数...</span><span id="times" style="color:#E53333;">载入时分秒...</span> 
</h3>
<script language="javascript"> 
var now = new Date();
function createtime(){
var grt= new Date("10/18/2014 12:00:00");
now.setTime(now.getTime()+250);
days = (now - grt ) / 1000 / 60 / 60 / 24;
dnum = Math.floor(days);
hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum);
hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;}
minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes);
if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
if(String(snum).length ==1 ){snum = "0" + snum;}
document.getElementById("timeDate").innerHTML = "本站已运行"+dnum+"天";
document.getElementById("times").innerHTML = hnum + "小时" + mnum + "分" + snum + "秒";
}
setInterval("createtime()",250); 
</script>

2、上传覆盖,查看首页

二、注意事项

1、本教程名义上是通过HTML代码进行统计,实质是通过JS代码进行数据统计,仅用HTML对文字进行修饰

2、本教程将EMLOG网站运行的天数精确到天、小时、分和秒,但需要将代码约第7行的10/18/2014 12:00:00修改为自己的建站时间

3、本教程所使用的H3标签可能与网站的H3标签发生冲突,请根据需要对相关标签进行评级,修改为合适的标签,如H4\H5\H6标签等

版权归属: 博客志
相关推荐

评论区

博主头像
博客志
知道不知道
  • 892

    文章

  • 0

    评论

  • 814762

    浏览