世界时钟完整使用指南

世界时钟用 IANA 时区名（如 Asia/Shanghai、America/New_York）显示多城市当前时间与日期。城市列表保存在 localStorage.world_clock_cities；默认含纽约、伦敦、东京。你可从下拉添加城市，删除不需要的卡片。时间通过 toLocaleTimeString/DateString 的 timeZone 选项计算，并可用小时判断日夜样式。页面每秒刷新，适合对照协作方当地时间，不负责会议重叠算法。

功能对照

城市字典 cityNames：预置纽约/洛杉矶/伦敦/巴黎/上海/香港/新加坡/东京/悉尼等。
添加：选择时区后加入 cities 数组并保存。
删除：从数组移除并写回 localStorage。
显示：本地化日期 + 24 小时制时分秒。
日夜：根据该时区当前小时切换卡片视觉（白天/夜晚）。

适用场景

远程团队日常对时
客服按客户当地时间回复
出差跨日航班前后的日期确认

边界

依赖浏览器时区数据库与系统时间准确性。
预置列表有限，不包含全世界全部城市。
不做夏令时规则讲解，只展示当前换算结果。
不是闹钟/提醒工具，刷新后台标签页可能影响你的查看节奏。

常见问题

为什么和手机差一分钟？

以本机系统时钟为准。请先校准设备时间，再比较。

夏令时会自动变吗？

使用 IANA 时区名时，浏览器会按规则换算；极端历史规则以运行环境为准。

城市列表会同步到其他设备吗？

不会。只存在当前浏览器的 world_clock_cities。

能显示秒吗？

时间格式包含时分秒，并定时刷新。

和会议协调器如何分工？

世界时钟看“现在几点”；会议协调器算“哪几个 UTC 小时大家同时上班”。

没有我的城市怎么办？

选择同一时区的代表城市，或使用系统时区名相近项；页面预置列表以外的自定义输入取决于是否提供自由输入控件。

界面与数据流

顶部本地卡：#localTime、#localDate、#localTimezone 显示本机时间与时区。城市网格 #clocksGrid 由 cities 数组渲染；添加用 #citySelect + addCity，删除 removeCity。列表读写 localStorage.world_clock_cities：有缓存则恢复，否则默认如纽约、伦敦、东京等预置。单城时间经 getTimeInTimezone，内部用 toLocaleTimeString / toLocaleDateString 的 timeZone 选项；格式化辅助为 formatTime、formatDate。updateClocks 由定时器周期性调用，保证秒级刷新。日夜样式按该时区当前小时切换卡片视觉。

日常使用建议

只保留 3–6 个真正协作的城市，删掉无关卡片降低噪音。约电话前同时看对方日期与钟点，跨日航班/跨日交接尤其重要。预置字典 cityNames 覆盖常见都会；没有你的小城时选同一 IANA 时区的代表城即可。主题 toggleTheme 不改变时区计算。后台标签可能被浏览器节流，关键对时请保持前台。

边界与分工

依赖系统时钟与浏览器时区库；本机时间不准则全体偏移。列表不跨设备同步。不是闹钟、不是会议重叠算法——找共同上班小时请用会议时间协调器。夏令时由 IANA 规则在运行环境中换算，本页不做规则讲解面板。