在线世界时钟 - 世界各地城市的实时时间

主要功能

• 实时世界地图:用 D3.js 构建的矢量世界地图以你的主题色渲染各大洲。夜半侧根据太阳直射点实时着色 - 你可以亲眼看到太阳已落到哪里。
• 1,300+ 城市,涵盖所有 IANA 时区:可搜索数据库覆盖每个有人居住的时区,包括 UTC+5:30(加尔各答)、UTC+9:30(阿德莱德)、UTC+12:45(查塔姆群岛)等不寻常时区。
• 昼 / 夜卡片:每张城市卡片如当地是白天则为浅色,夜晚则为深色 - 比仅看时钟数字更快读懂。
• 在地图上悬停和点击:悬停卡片可在地图上高亮其图钉和工具提示。点击可锁定高亮 - 在截图或通话中指向某城市时很有用。在外部任意位置点击即可释放。
• 拖放排序:把任意卡片拖到新位置。顺序由你定 - 把家乡放在最前,然后是你最常查看的城市。
• 本地保存:你的城市、它们的顺序和主题都保存在浏览器的 localStorage 中。无账号、无服务器、无追踪。
• 自动处理夏令时:每个城市都标注了 IANA 时区(如 America/New_York),浏览器为你处理 DST 切换 - 一年两次无需手动更新。
• 支持任意设备:桌面端拥有完整地图和拖放。移动端地图为只读,搜索位于单列卡片列表上方。卡片对触屏友好,具有清晰的移除按钮。
• 8 种主题颜色:深色、浅色、红色、青色、蓝色、紫色、绿色、石板色。世界时钟与 stopwatch-online.com 其他部分保持一致。
• 离线可用:页面加载完成后,世界时钟无需网络也能继续滴答并更新地图夜面。

如何使用世界时钟

第 1 步:添加城市

在桌面端,在地图左上角的搜索框中输入城市名。在移动端,搜索框位于卡片上方。输入时,匹配的城市会出现在下拉菜单中 - 选中其一即可一键添加。也可以按 + 按钮添加高亮的建议。

第 2 步:查看本地时间

你添加的每个城市都会获得两样东西:世界地图上的一个小图钉和下方的一张卡片。每张卡片显示城市名称、国家、当前本地时间和今日日期。浅色卡片 = 当地是白天。深色卡片 = 当地正值深夜。

第 3 步:悬停或点击查看详情

用鼠标悬停卡片,地图上对应的图钉就会点亮,带工具提示显示城市全名。点击卡片可在地图上锁定该高亮 - 页面也会滚回地图,方便你查看。点击地图外或另一张卡片即可释放。直接在地图上悬停图钉效果相同。

第 4 步:通过拖动重新排序

用鼠标按住任意卡片,拖到你想要的位置后放下。新顺序立即保存。这是把家乡放在最前并按地区分组的最简单方法。

第 5 步:移除城市

悬停卡片,左上角会出现一个小 × 按钮。点击即可从地图上移除该卡片及其图钉。在移动端,× 始终可见。

什么时候在线使用世界时钟?

远程与分布式团队

如果你的团队分布在多个国家,世界时钟比心算更快 - 你不会想成为在同事当地凌晨 3 点发私信的那个人。添加同事所在的城市,把家乡拖到最前,一眼便知谁在工位上。

安排国际通话

想知道旧金山的早上 9 点是不是给东京打电话太晚?同时添加两个城市,直接读取时间。深/浅色调还会告诉你哪边正舒适清醒,哪边可能昏昏欲睡 - 选择会议主持人时是有用的信息。

海外的家人和朋友

「妈妈住的地方现在几点?」 - 一瞥即知。添加一次城市,你就再也不用做 +7 / +12 小时的心算。

旅行规划

起飞前,添加目的地,以便心理上开始调整。落地后,时钟对调时差也很有帮助 - 知道你的身体认为现在几点 vs 当地钟点是几点,问题就解决了一半。

交易与市场

许多金融市场以其本地交易所所在时区列出开盘时间(例如东京开盘 09:00 JST)。添加相关城市,你将始终看到正确时区的时间,夏令时自动处理。

体育、电竞和直播

「比赛在这里是几点开始?」 - 如果比赛宣布为 20:00 CET 而你在圣保罗,只需同时添加柏林和圣保罗,并排读取两地时间。

世界时钟的工作原理

• 地图是用 D3.js 从国界 GeoJSON 文件绘制的单个 SVG。等矩形投影(扁平经纬度)让图钉放置变得简单 - 经纬度直接映射为像素。
• 地图夜面被渲染为以反日点(地球上与太阳相对的点)为中心的 90° 地理圆。使用 NOAA 公布的相同三角函数:太阳赤纬 + 时差方程 + 你电脑的 UTC 时钟。它每分钟更新一次。
• 数据库中的每个城市都标注了 IANA 时区。浏览器通过 Intl.DateTimeFormat({ timeZone: ... }) 把 UTC 转换为本地时间 - 这意味着 DST 规则继承自浏览器的 tz 数据库,只要你的浏览器保持更新就保持最新。
• 选定的城市、它们的顺序和你的主题保存到 localStorage。不会发送到服务器。

技巧与窍门

• 把家乡放在最前。把它拖到 #1 位置,这样其他每张卡片读起来都是相对于「你的时间」的差值。
• 按地区分组。把亚洲城市聚在一起,然后是欧洲,然后是美洲。卡片网格自动换行,视觉节奏让浏览更轻松。
• 用「点击锁定」技巧。在通话中共享屏幕时,点击一张卡片以保持图钉高亮 - 这样另一边的人就能确切知道你指的是哪个城市。
• 地图的着色是真实的。横穿地图的暗带正是当下黎明/黄昏发生的实际线条。如果某城市的图钉位于暗带内,日落还未完全发生,但已临近。
• 卡片会记住顺序。不必担心把不需要的城市放到最下面 - 你之前的顺序按浏览器单独保存。

常见问题