Intl.DateTimeFormat 构造时必须显式传入 IANA 时区名（如 "America/New_York"），每个时区需独立实例，不可复用；Safari 中 formatToParts() 对 timeZoneName 支持有缺陷，建议预置映射表并结合 resolvedOptions() 验证；实时对照应统一定时器、避免 toLocaleString 依赖，优先使用 format() 方法，并由服务端动态下发时区列表以保障可持续性。
Intl.DateTimeFormat 构造时传入 timeZone 是唯一可靠方式
直接改系统时区或依赖 new Date().toLocaleString() 默认行为，根本不可控——它只反映用户本地设置，不是你想要的“纽约/东京/法兰克福实时对照”。必须显式声明每个格式器的 timeZone 选项。
关键点：每个分支机构对应一个独立的 Intl.DateTimeFormat 实例，不能复用同一个实例去“切换”时区。浏览器不会动态响应 timeZone 变更，实例创建后时区即锁定。
-
timeZone值必须是 IANA 时区名（如"America/New_York"、"Asia/Tokyo"），不能用缩写（"EST"）、偏移量（"UTC+9"）或城市拼音（"Beijing"） - 空字符串或非法值会回退到用户本地时区，且不报错，极易埋下对照偏差隐患
- 构造时建议同时指定
timeZoneName: "short"，避免纯数字时间缺少时区标识导致误读
避免 formatToParts 在 Safari 中返回空 timeZoneName
Safari 15.4–16.6 存在已知 bug：当 timeZoneName: "short" 且目标时区与用户本地时区同属一个 UTC 偏移组（例如都为 UTC+8），formatToParts() 返回的数组里 timeZoneName 部分可能为空字符串或缺失。这会导致时间显示缺标识，比如只显示 "14:22" 而非 "14:22 JST"。
- 绕过方案：改用
format()+ 正则提取时区缩写（如/[A-Z]{3,4}(?=\s|$)/），但需注意夏令时缩写变化（"PDT"vs"PST"） - 更稳做法：对关键时区预置映射表，例如
{"Asia/Tokyo": "JST", "America/Los_Angeles": "PDT"}，结合Intl.DateTimeFormat().resolvedOptions().timeZone动态查表 - 验证是否生效：在 Safari 中打印
new Intl.DateTimeFormat("en", {timeZone: "Asia/Tokyo", timeZoneName: "short"}).formatToParts(new Date())看输出结构
动态刷新要防重复定时器和时区偏移跳变
做实时对照面板时，常有人每秒 setInterval(() => { updateAll() }, 1000)，但没考虑两点：一是多个组件可能各自启动定时器造成资源浪费；二是夏令时切换瞬间（如 2:00 → 3:00 或 2:00 → 1:00），单纯靠 new Date() 可能漏掉一秒或重复一秒，导致显示卡顿或跳变。
- 统一用单个定时器驱动所有分支时间更新，用
requestAnimationFrame替代setInterval更平滑（尤其页面非激活时） - 对每个时区单独计算当前时间戳：不是
new Date()一次然后转换，而是用new Date().toLocaleString("en", {timeZone: "Europe/Berlin"})每次重新格式化——因为toLocaleString内部会正确处理该时区的 DST 规则 - 若需毫秒级精度（如监控场景），避免依赖
toLocaleString，改用Intl.DateTimeFormat实例的format()方法，它比字符串拼接更稳定
服务端下发时区列表比前端硬编码更可持续
把 ["America/New_York", "Europe/London", "Asia/Shanghai"] 写死在前端代码里，下次新增圣保罗办公室就得发版。而且时区规则本身会变（如智利近年多次调整 DST 起止日），前端无法自动同步。
- 让后端提供
/api/timezones接口，返回带名称、IANA ID、启用状态、备注（如“含夏令时”）的结构化数据 - 前端缓存该列表并定期（如每天首次加载时）检查更新，避免每次渲染都请求
- 用户可自定义排序或隐藏某分支机构，配置存在
localStorage，但注意时区名变更时清理旧键
真正难的不是格式化，是确保你用的时区名始终有效、语义准确、且能随现实规则演进——这点上，前端永远只是执行者，不是决策者。
