用setinterval配合new date()每秒更新dom实现页面实时时间显示，需避免主线程阻塞导致跳秒，推荐回调内立即获取当前时间并用tolocaletimestring('zh-cn', {hour12: false})格式化，注意dom加载时机、时区兼容性及移动端适配。
用 setInterval 配合 new Date() 实时更新时间显示
直接在页面中插入一个 <span id="time-display"></span>，再用 JavaScript 每秒刷新一次内容即可。关键不是“怎么显示”，而是“怎么避免时间跳变或延迟”。setInterval 的回调执行时机受主线程阻塞影响，单纯设 1000ms 间隔可能导致秒针卡顿或跳两秒。
实操建议：
- 用
requestAnimationFrame+ 时间差校准更稳，但对普通网页略重；日常用setInterval足够，只需在回调开头立刻调用new Date()获取当前时间，别依赖定时器触发时刻 - 避免在回调里做耗时操作（比如 DOM 批量重绘、同步 AJAX），否则会拖慢更新节奏
- 格式化推荐用
date.toLocaleTimeString('zh-CN', { hour12: false })，比手动拼接getHours()等更可靠（自动适配 24/12 小时制、本地化分隔符）
如何让时间显示支持时区且不随用户系统乱跳？
浏览器默认用本地时区解析 new Date()，但显示 UTC 或指定时区时间时，不能靠 toLocaleTimeString({ timeZone: 'Asia/Shanghai' }) 一劳永逸——部分旧版 Safari 不支持该选项，且服务端若需统一时区基准，前端硬编码时区名反而增加维护成本。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
实操建议：
- 若需强一致时区（如后台用 UTC），优先从服务端接口返回标准时间戳（毫秒数），前端用
new Date(timestamp)构造，再调用.toUTCString()或.toLocaleTimeString()显式指定时区 - 避免直接用
new Date().toLocaleTimeString('en-US', { timeZone: 'Europe/London' })在不支持的环境报错，加一层try...catch或先检测Intl.DateTimeFormat支持性 - 注意夏令时：某些地区（如美国东部）会自动切换 EDT/EST，
toLocaleTimeString能正确反映，但手动计算偏移量（如 +5 → +4）容易出错
document.getElementById 失败？检查 DOM 加载时机和 ID 唯一性
最常见错误是脚本执行时 <span id="time-display"></span> 还没被解析，getElementById 返回 null，后续调用 .textContent 报错 Cannot set property 'textContent' of null。
实操建议：
- 把脚本放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
