如何在网站添加网站运行时间代码_在网站顶部添加JS代码,显示本站已运行XX天

现在好多网站首页或者在显著的地方加上一句，本站已经安全运行XXX天，之类的话，感觉很有逼格。

现在我们就自己加上一段代码就可以实现这个功能。

添加网站运行时间代码

1、首先要新建一个JS文件（如yx.js）

如下

JS文件里面的代码如下：

var birthDay = new Date("11/17/2015");//这里是建站时间格式为（月/日/年）
var now = new Date();
var duration = now.getTime() - birthDay.getTime();
var total = Math.floor(duration / (1000 * 60 * 60 * 24));
document.getElementById("showDays").innerHTML = "" + total + "";//这里的showDays对应网页代码里面的showDays

首先先在要添加的网页底部</body>标签之前添加JS文件调用代码如下

<script src="http://你的网站/yx.js" type="text/javascript" async="async"></script>

然后在网页需要显示的地方加上

爱搜啊博客已安全运行天<span id="showDays"></span>╮（￣▽￣）╭感谢您一直的陪伴！

注意这里的showDays就是对应前面JS文件代码里面的

到这里基本上已经是可以了。

你可以打开网页试试试看

当然还有另外一种方法

就只直接在网页里面需要展示的地方加入下面的代码就可以了

<strong>
<center>
<span id="showsectime" style="color:#FF0000;"></span>
<script type="text/javascript">
function NewDate(str) { 
str = str.split('-'); 
var date = new Date(); 
date.setUTCFullYear(str[0], str[1] - 1, str[2]); 
date.setUTCHours(0, 0, 0, 0); 
return date; 
} 
function showsectime() {
var birthDay =NewDate("2017-11-22");
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=(daysold-e_daysold)*-24;
var hrsold=Math.floor(e_hrsold);
var e_minsold=(hrsold-e_hrsold)*-60;
var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
document.getElementById("showsectime").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
setTimeout(showsectime, 1000);
}showsectime();
</script>
<strong/>

但是我还是比较推荐第一种方法。

第一文件调用的方法加上异步加载对性能影响不是很大可把代码加入到其他JS文件中一起调用，第二页面代码比较简洁。

当然了还是根据自己的情况自己选择。

本站附件分享，如附件失效，可以去找找看
诚通网盘附件、百度网盘附件
PS：由于百度网盘附件太大，所以百度网盘附件为拆分压缩，全部下载后打开zip后缀文件即可。也可以只下载zip后缀文件查看（只可以查看不能解压）是否有需要的文件，再下载全部文件解压需要的文件

干饭福利分享： 微信扫码领取“饿了么”抵用券↓↓↓↓↓↓↓↓↓↓