必须用 setinterval 每秒调用 new date() 并更新 dom 才能实现动态时钟;需缓存元素引用、脚本置于 前,避免 document.write 和重复查 dom;格式推荐手动拼接并补零;时区默认本地,强制北京时间需指定 timezone;后台节流属系统优化,应接受 1 秒精度并监听 visibilitychange 重置。

用 setInterval 每秒调用 new Date() 更新 DOM
HTML 本身不能“动态”显示时间,必须靠 JavaScript 实时读取并刷新。只写一次 new Date() 会导致页面加载完就定格,必须配合 setInterval(updateClock, 1000) 每秒触发更新。
常见错误包括:
- 把
document.getElementById('clock')写在定时器回调里——每次执行都重复查 DOM,低效且易因元素未加载而报TypeError - 用
document.write()—— 会清空整个页面,已过时,绝对禁用 - 用
setTimeout递归调用 —— 执行延迟可能累积,造成跳秒或函数堆积
正确做法是提前缓存元素引用,并确保脚本在 DOM 元素之后执行(比如放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











