利用JS代码实现ZBLOG博客运行天数的效果展示

大部分的博客都会在前台自带一个本网站本博客总计运行天数的输出，以此来显示网站的运行时间，但是Zblog并未附带这个功能个，如果要想实现这个功能，有插件套用，也可以用添加JS代码实现，本着一切以代码为先的原则，我们来讨论下，通过添加javascript实现运行天数输出的效果。

具体步骤如下：

首先在default.html、catalog.html、search.html、tags.html、single.html文件的/head>前面添加以下js代码：

<script language=JavaScript>

var urodz= new Date("4/18/2020");

var now = new Date();

var ile = now.getTime() - urodz.getTime();

var dni = Math.floor(ile / (1000 * 60 * 60 * 24));

document.write(+dni)

</script>

然后修改4/18/2020为博客创建的时间

最后在要显示运行天数的地方添加以下调用代码

<script language="JavaScript">document.write(+dni)</script>

显示格式：已运行0 年 1 天 0 小时 4 分钟 35 秒（秒为跑秒）

<span id="sitetime"></span>
<script language=javascript>
function siteTime(){
window.setTimeout("siteTime()", 1000);
var seconds = 1000
var minutes = seconds * 60
var hours = minutes * 60
var days = hours * 24
var years = days * 365

var today = new Date()
var todayYear = today.getFullYear()
var todayMonth = today.getMonth()
var todayDate = today.getDate()
var todayHour = today.getHours()
var todayMinute = today.getMinutes()
var todaySecond = today.getSeconds()
/* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
year - 作为date对象的年份，为4位年份值
month - 0-11之间的整数，做为date对象的月份
day - 1-31之间的整数，做为date对象的天数
hours - 0(午夜24点)-23之间的整数，做为date对象的小时数
minutes - 0-59之间的整数，做为date对象的分钟数
seconds - 0-59之间的整数，做为date对象的秒数
microseconds - 0-999之间的整数，做为date对象的毫秒数 */
var t1 = Date.UTC(2014,0,14,11,19,00)/* 注意：表⽰⽉份的参数介于 0 到 11 之间。也就是说，如果希望把⽉设置为8⽉，则参数应该是7。*/
var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond)
var diff = t2-t1
var diffYears = Math.floor(diff/years)
var diffDays = Math.floor((diff/days)-diffYears*365)
var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours)
var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes)
var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds)
document.getElementById("sitetime").innerHTML=" 已运行"+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒"
}
siteTime()
</script>