使用JavaScript给网页加上网站运行天数

共计 1363 个字符，预计需要花费 4 分钟才能阅读完成。

前言

平时冲浪的时候看到很多站长，都喜欢在自己网站的底部加入 “本站已稳定运行多少多少天” 的小功能，下面用 JS 把功能复现一遍，以下会介绍两种方法，任选其一即可。

实现（一）

修改第 8 行 NewDate("2022-08-09") 里的日期为你的建站时间，天数自动统计

修改第 21 行"已稳定运营"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" 里的文字为你在前台需要显示的字样

JavaScript

<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("2022-08-09"); 
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>

HTML

<span class="mb-0" id="showsectime"></span>

实现（二）

修改第 3 行 new Date("2/25/2020") 里的日期为你的建站时间，天数自动统计，比较简单的一段 JS 代码，直接放在需要显示的位置即可

JavaScript

本站已稳定运行了
<script type="text/javascript">
var webstar= new Date("2/25/2020");
var webnow = new Date();
var dotime = webnow.getTime() - webstar.getTime();
var donow = Math.floor(dotime / (1000 * 60 * 60 * 24));
document.write(+donow)
</script>
天