首选 setinterval 每秒更新时钟,需确保 dom 加载完成再执行,用 textcontent 而非 innerhtml,格式化推荐 tolocaletimestring(),后台应监听 visibilitychange 暂停定时器。

直接用 setInterval 每秒调用一次时间更新函数,是最简单、兼容性最好、也最不容易出错的方案。其他方法如 requestAnimationFrame 或事件驱动更新,只在特定场景下有优势,多数项目没必要过早优化。
用 setInterval 实现每秒刷新
这是绝大多数网页实现实时时钟的首选方式,逻辑清晰、浏览器支持全、调试直观。
- 必须确保 DOM 元素已加载完成再执行脚本,否则
document.getElementById会返回null - 推荐把
<script></script>放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











