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

当前位置:首页» 网站建设»正文

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

发布:爱搜啊  时间:2018年07月30日  分类:网站建设   评论

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

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

添加网站运行时间代码

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

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

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文件中一起调用,第二页面代码比较简洁。

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

转载请保留出处和本文地址: http://aisoa.cn/post-2096.html

评论 赞助本站

爱搜博客赞助收款二维码

欢迎参与讨论,新评论稍后显示,广告一律删除!