最近把官网翻新了一遍,想在页脚加一个显示运行时间的。
定义一个名为 time 的函数,存储当前时间,并调用新函数 DateDiff 计算相差天数,输出到showtime
setTimeout设置多少毫秒刷新一次,60000就是1分钟,dangqian就是需要计算的天数
function time() {
t_div = document.getElementById('showtime');
var now = new Date()
setTimeout(time, 60000);
var dangqian = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate() ;
t_div.innerHTML="已运行:"+ DateDiff("2019-10-31",dangqian) +" 天";
}
function DateDiff(sDate1, sDate2){
var aDate, oDate1, oDate2, iDays
aDate = sDate1.split("-")
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
aDate = sDate2.split("-")
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 /24)
return iDays
}
在html的body部分加上页面载入完毕后执行Js代码事件,将time函数写进去加载
<body onload="time()">
最后将需要显示天数的地方加入随意标签,内容为空即可,将id填入showtime,下面是演示
<p id="showtime"></p>
刷新网页,正常显示。