JavaScript vue 显示网站运行时长
效果图
每一秒都会即时刷新一次,下面是代码
放在vue的mounted中
(如果是js的话放在script里就可以了)
function secondToDate(second) {
if (!second) {
return 0;
}
var time = new Array(0, 0, 0, 0, 0);
if (second >= 365 * 24 * 3600) {
time[0] = parseInt(second / (365 * 24 * 3600));
second %= 365 * 24 * 3600;
}
if (second >= 24 * 3600) {
time[1] = parseInt(second / (24 * 3600));
second %= 24 * 3600;
}
if (second >= 3600) {
time[2] = parseInt(second / 3600);
second %= 3600;
}
if (second >= 60) {
time[3] = parseInt(second / 60);
second %= 60;
}
if (second > 0) {
time[4] = second;
}
return time;
}
function setTime() {
//mouth要少一个月不然会出问题
var create_time = Math.round(new Date(Date.UTC(2020, 10, 18, 0, 0, 0)).getTime() / 1000);
var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
var currentTime = secondToDate(( timestamp-create_time));
var currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
+ currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
+ '秒';
if(document.getElementById("htmer_time")!=null)
document.getElementById("htmer_time").innerHTML = "if小站已经苟活"+currentTimeHtml;
}
//即时刷新
setInterval(setTime, 1000);
在html中调用
<p id="htmer_time" style="color: #fd7286;font-size: large;font-weight: bolder;margin-left: -18px"></p>