【JS】显示网站运行时间-精确到秒

先亮出JS代码。可以直接放在引用的.js文件里:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
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()+1;
var todayDate = today.getDate();
var todayHour = today.getHours();
var todayMinute = today.getMinutes();
var todaySecond = today.getSeconds();
var t1 = Date.UTC(2022,6,1,00,00,00); //格林威治时间2022-6-1 00:00:00
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();

直接在html中使用需要在代码前后添加<script></script>
然后在需要显示的地方写上下方代码即可:

1
<span id="sitetime"></span>

如果需要更改显示文本可以在sitetime函数的最后一行的innerHTML=后面修改


代码运行情况

下方已写入代码,将会显示其真实效果:


【JS】显示网站运行时间-精确到秒
https://www.yuanzj.top/posts/ec5e389d.html
作者
yzl3014
发布于
2022年6月11日
许可协议