html 是静态标记语言，无法自动更新时间，必须用 javascript 每秒读取系统时间并写入 dom；常见错误包括时间停滞、跳秒、utc 误显、xss 风险；正确做法是缓存 dom 引用、用 textcontent 和 tolocaletimestring、首调 tick、避免手动拼接。
直接用 Date + setInterval 就能跑起来，不用框架、不依赖服务器，但写错地方或忽略时区/性能细节，页面一开就卡顿、时间跳秒、本地显示成 UTC、甚至被 XSS 利用。
为什么不能只靠 HTML 写动态时间？
HTML 是静态标记语言，<time datetime="2026-08-26"></time> 里的值不会自己变。浏览器不会主动刷新它——你看到的永远是写死的那一刻。真要“动”，必须靠 JavaScript 每次重新读取系统时间并写回 DOM。
常见错误现象：
• 页面加载后时间不动（忘了加定时器）
• 秒数跳变（比如从 12:34:59 直接跳到 12:35:01）
• 显示的是伦敦时间（用了 toISOString() 却没转本地）
• 输入框里时间乱码（误用 innerHTML 插入含 的字符串）
最简可行代码：5 行搞定基础时钟
把这段脚本放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
