HTML + JS 使用代码实现 网站已运行 x 年 x 天 x 分 x 秒

JS 代码

function updateTime() {
    var now = new Date(); // 当前时间
    var start = new Date("2024-4-2"); // 开始时间
    var diff = now - start; // 时间差
    var years = Math.floor(diff / (1000 * 60 * 60 * 24 * 365)); // 年
    diff -= years * (1000 * 60 * 60 * 24 * 365);
    var days = Math.floor(diff / (1000 * 60 * 60 * 24)); // 天
    diff -= days * (1000 * 60 * 60 * 24);
    var hours = Math.floor(diff / (1000 * 60 * 60)); // 小时
    diff -= hours * (1000 * 60 * 60);
    var minutes = Math.floor(diff / (1000 * 60)); // 分钟
    diff -= minutes * (1000 * 60);
    var seconds = Math.floor(diff / 1000); // 秒
    var runtimeElement = document.getElementById("runtime"); // 通过 span 标签显示
    runtimeElement.innerText = "稳定运行 " + years + " 年 " + days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒";
}
// 初始调用一次
updateTime();
// 每秒更新一次
setInterval(updateTime, 1000);

用 <script> 标签把以上代码放在页面想放的地方

<span id="runtime"></span>

展示效果

👋 感谢您的观看！