如何在自己的网站上添加一个计数器

注：这是一个添加计数器的代码解释的代码

1、首先先写一个容器给他框起来

<!-- 页面用于展示运行时长的容器 -->
<div class="runtime" style="text-align:center;padding:15px;font-size:14px;color:#666;"></div>

2、做一个开始，标准的php

<script>

3. 定义网站上线固定起始时间：2025-10-27 零点
new Date(…).getTime() 将日期转为时间戳（毫秒，从1970-01-0至今）

const startTime = new Date("2025-10-27 00:00:00").getTime();

4. 更新运行时长的核心函数

function updateTime() {

5、获取当前系统时间戳（当前时刻毫秒数）

let now = Date.now();

6、总相差毫秒 ÷ 1000 = 相差总秒数，向下取整

let totalSec = Math.floor((now - startTime) / 1000);

7、一天总秒数：24*60*60=86400
计算完整天数

let day = Math.floor(totalSec / 86400);

8、剩余秒数取模一天，再换算小时

let hour = Math.floor((totalSec % 86400) / 3600);

9、剩余秒数取模一小时，换算分钟

let minute = Math.floor((totalSec % 3600) / 60);

10、最后剩下不足1分钟的就是秒数

let second = totalSec % 60;

11、选中class为runtime的div，拼接文字写入页面

 document.querySelector('.runtime').innerText =
        `网站自2025年10月27日来已稳定运行：${day}天 ${hour}时 ${minute}分 ${second}秒`;
}

12、页面加载后立刻执行一次，不用等1秒才显示数字

updateTime();

13、定时器：每1000毫秒(1秒)执行一次updateTime，实现秒跳动

setInterval(updateTime, 1000);

14、结束

</script>

15、完整的代码

如果要使用，直接改一下内容，粘贴到footer.php文件里就行了

<div class="runtime" style="text-align:center;padding:15px;font-size:14px;color:#666;"></div>

<script>
const startTime = new Date("2025-10-27 00:00:00").getTime();

function updateTime() {
    let now = Date.now();
    let totalSec = Math.floor((now - startTime) / 1000);
    let day = Math.floor(totalSec / 86400);
    let hour = Math.floor((totalSec % 86400) / 3600);
    let minute = Math.floor((totalSec % 3600) / 60);
    let second = totalSec % 60;
    document.querySelector('.runtime').innerText =
        `网站自2025年10月27日来已稳定运行：${day}天 ${hour}时 ${minute}分 ${second}秒`;
}
updateTime();
setInterval(updateTime, 1000);
</script>

效果展示

总结：这只是一个很基础的实现代码，请自行更改css这些文件。