HTML如何动态显示网站运行时间-html教程-PHP中文网

最轻量可靠的方式是用performance.now()捕获脚本首行执行时间点，再通过setinterval每500ms重新计算毫秒差并转为“x天x小时x分x秒”格式更新textcontent。

html如何动态显示网站运行时间

直接用 JavaScript 计算页面加载到当前的毫秒差，再转成“X天X小时X分X秒”格式并持续更新，是最轻量、最可靠的方式。不需要服务端参与，也不依赖系统时间同步精度。

用 `performance.now()` + `setInterval` 精确计时

页面启动时间点必须在脚本执行第一时间捕获，performance.now() 比 Date.now() 更精准（毫秒级且不受系统时钟跳变影响）。之后每秒用差值计算运行时长。

把 const startTime = performance.now(); 放在 <script></script> 最开头，确保最早执行
更新函数里用 performance.now() - startTime 得到毫秒数，再换算成天/小时/分钟/秒
避免用 setInterval(fn, 1000) 直接累加秒数——它会漂移，必须每次重新算总差值

示例片段：

const startTime = performance.now();
function updateUptime() {
  const ms = performance.now() - startTime;
  const sec = Math.floor(ms / 1000) % 60;
  const min = Math.floor(ms / 60000) % 60;
  const hr = Math.floor(ms / 3600000) % 24;
  const day = Math.floor(ms / 86400000);
  document.getElementById('uptime').textContent = `${day}天${hr}小时${min}分${sec}秒`;
}
setInterval(updateUptime, 500); // 半秒更新一次，避免秒数卡顿