1. 前言
许多建站的小伙伴都希望自己的网站有一个运行时间统计,可以给自己继续走下去多一些动力。
所以我今天要分享一段兼容性很好的脚本代码,来实现此功能。
2.核心代码
<center>
网站已运行:<span id="run_time" style="color:white"></span>
</center>
<script>
function runTime() {
var d = new Date(), str = '';
BirthDay = new Date("March 01,2018");
today = new Date();
timeold = (today.getTime() - BirthDay.getTime());
sectimeold = timeold / 1000
secondsold = Math.floor(sectimeold);
msPerDay = 24 * 60 * 60 * 1000
msPerYear = 365 * 24 * 60 * 60 * 1000
e_daysold = timeold / msPerDay
e_yearsold = timeold / msPerYear
daysold = Math.floor(e_daysold);
yearsold = Math.floor(e_yearsold);
//str = yearsold + "年";
str += daysold + "天";
str += d.getHours() + '时';
str += d.getMinutes() + '分';
str += d.getSeconds() + '秒';
return str;
}
setInterval(function () { $('#run_time').html(runTime()) }, 1000);
</script>
3.效果展示
4.二次加工
关于时间显示颜色:
网站已运行:<span id="run_time" style="color:颜色可换">
关于时间更改:
BirthDay = new Date("Month day,year");
//注意月份和日期中间有空格
转载于 七星博客