JS实现在网站底部添加运行时间

1. 1. 前言
2. 2. 正文
   1. 2.1. 使用方法
3. 3. 后记

前言

你是否也在别人网站底部见到这样一个东西，即网站运行时间，效果如下图所示：

那么是如何通过js实现的呢？请看正文

正文

实现着其实也不难，我们只需要拿到现在的和建站时的时间戳之差，这个差值是毫秒，我们除以1000就成秒了，那么下来除以60换成分钟、秒除以3600换成小时等等就清晰了。

想要精确到已经运行了几秒，就可以再来个定时器，每1秒重新获取时间戳之差然后计算即可。

下面放一段我自己手搓的js代码：

let obj=document.getElementById("running_time");

let buildDate = new Date("2026-07-18 00:00:00"),
nowDate = new Date();
setInterval(()=>{
    nowDate=new Date();
    let passedTime = (nowDate - buildDate)/1000;
    let year = parseInt(passedTime/3600/24/365),
        day = parseInt((passedTime-(year*365*24*3600))/3600/24),
        hour = parseInt((passedTime-(year*365*24*3600)-(day*24*3600))/3600),
        minute = parseInt((passedTime-(year*365*24*3600)-(day*24*3600)-(hour*3600))/60),
        seconds=parseInt((passedTime-(year*365*24*3600)-(day*24*3600)-(hour*3600)-(minute*60)));
        obj.innerText=`${year}年${day}天${hour}时${minute}分${seconds}秒`;
            },1000);

使用方法

在网站底部添加这样一段HTML代码：

<p>当前网站已经运行：<span id="running_time">加载中...</span></p>

然后把上面那段js代码放在body标签后即可。

后记

当然，自己手搓的难免有缺陷，欢迎小伙伴们提供更完美的思路和方案。