网站添加存活时间显示

适用于静态网站

上代码

JS部分

function show_date_time() {
	window.setTimeout("show_date_time()", 1000);
	var BirthDay = new Date("04/02/2020 00:00:01");//初始时间
	var today = new Date();
	var timeold = (today.getTime() - BirthDay.getTime());
	var sectimeold = timeold / 1000;
	var secondsold = Math.floor(sectimeold);
	var msPerDay = 24 * 60 * 60 * 1000;
	var e_daysold = timeold / msPerDay;
	var daysold = Math.floor(e_daysold);
	var e_hrsold = (e_daysold - daysold) * 24;
	var hrsold = Math.floor(e_hrsold);
	var e_minsold = (e_hrsold - hrsold) * 60;
	var minsold = Math.floor((e_hrsold - hrsold) * 60);
	var seconds = Math.floor((e_minsold - minsold) * 60);
	document.getElementById 
	("show_date_time").innerHTML="本站已愉快蹦哒"+daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
}
show_date_time()

html部分

<span id="show_date_time"></span>

以下为Gridea添加方式

方案一

在Gridea储存目录下的static文件夹中新建time.js，并把js部分代码复制进去

并且在主题文件的index中调用这个time.js，当然如果其他页面也想显示，可以直接放到footer.ejs中

之后在Gridea可视化设置中的底部添加调用，当然想显示在其他位置，也可以按照需求配置。

同样的，直接修改ejs格式的主题配置文件也可以。

至此，大功告成

去预览下，看看效果吧！