如何在网站添加网站运行时间代码_在网站顶部添加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文件中一起调用，第二页面代码比较简洁。

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

如无特殊说明，解压密码均为：aisoa.cn

您可能感兴趣的文章

• 网站谷歌广告联盟被屏蔽检测JS代码,JS判断网页广告被屏蔽，广告终结者、AdGuard插件判断并提示
• 更改网站右键功能Js + Html自定义网站鼠标右键功能，Js + Html修改网站右键菜单
• 使用PHP、js判断访问是否为手机端，判断访问用户是不是手机端客户端请求头信息
• Failed to execute 'write' on 'Document'js不能执行write浏览器报错
• JS检测网站谷歌广告是否被屏蔽，JS检测广告被屏蔽出现提示窗口

赏支付宝打赏微信打赏