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标签等