世界时钟在线查询 - 实时显示全球各国城市时间

核心功能

• 实时世界地图：采用 D3.js 绘制的矢量世界地图，所有大陆都会以你选择的主题色呈现。地图的夜晚一侧会根据太阳直射点实时变暗——你可以直观地看到太阳已经在哪里落下。
• 1300 多个城市，覆盖所有 IANA 时区：可搜索的城市数据库覆盖每一个有人居住的时区，包括 UTC+5:30（加尔各答）、UTC+9:30（阿德莱德）、UTC+12:45（查塔姆群岛）等罕见时区。
• 昼夜卡片：城市卡片在当地白天显示为浅色、夜晚显示为深色——这种视觉提示比单纯看数字时间更快、更直观。
• 在地图上悬停与点击：悬停卡片即可高亮地图上对应的标记点和提示框。点击可锁定高亮——在截图或通话中指向某个城市时非常实用。点击地图外任意位置即可取消锁定。
• 拖放排序：把任意卡片拖到新位置。顺序由你决定——把家乡城市放在最前面，再依次排上你最常查看的城市。
• 本地保存：你添加的城市、它们的顺序以及主题设置，全部保存在浏览器的 localStorage 中。无需账号、不上传服务器、不做任何跟踪。
• 自动处理夏令时：每个城市都标记了对应的 IANA 时区（例如 America/New_York），夏令时的切换由浏览器自动完成——一年两次的手动调整就此省去。
• 适配各种设备：电脑端支持完整地图和拖放操作。手机端地图为只读模式，搜索框位于单列卡片列表上方。卡片便于点按，并带有清晰的移除按钮。
• 8 种主题配色：深色、浅色、红色、青色、蓝色、紫色、绿色、灰蓝色。世界时钟与 stopwatch-online.com 的整体风格保持一致。
• 支持离线使用：页面一旦加载完成，即使断网，世界时钟也会继续走时，并持续更新地图的夜晚一侧。

如何使用世界时钟

第 1 步：添加城市

在电脑端，把城市名称输入地图左上角的搜索框。在手机端，搜索框位于卡片上方。输入时，匹配的城市会出现在下拉列表中——选一个即可一键添加。你也可以按 + 按钮，添加当前高亮的建议城市。

第 2 步：查看当地时间

你添加的每个城市都会获得两样东西：世界地图上的一个小标记点，以及下方的一张卡片。每张卡片显示城市名称、所属国家、当前当地时间和今天的日期。浅色卡片＝当地是白天，深色卡片＝当地正值深夜。

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

用鼠标悬停某张卡片，地图上对应的标记点就会亮起，并显示城市全称的提示框。点击卡片可将该高亮锁定在地图上——页面还会自动滚回地图位置，方便你查看。点击地图外或另一张卡片即可取消锁定。直接在地图上悬停标记点也有同样的效果。

第 4 步：拖动排序

用鼠标按住任意卡片，拖到你想要的位置后松开即可。新的顺序会立即保存。这是把家乡城市放在最前、并按地区分组排列城市最方便的方式。

第 5 步：移除城市

悬停卡片时，左上角会出现一个小小的 × 按钮。点击它即可从地图上移除该卡片及其标记点。在手机端，× 按钮始终可见。

什么时候用得上在线世界时钟

远程与跨地区团队

如果你的团队分布在多个国家，世界时钟比心算快得多——你肯定不想在同事当地凌晨 3 点给对方发消息。把同事所在的城市添加进来，再把家乡城市拖到最前面，一眼就能看出谁此刻正在工位上。

安排跨国通话

想知道旧金山上午 9 点打给东京会不会太晚？把这两个城市都加进来，时间一目了然。深浅卡片还能告诉你哪一边正精神饱满、哪一边昏昏欲睡——这对决定由谁来主持会议很有参考价值。

海外的亲人和朋友

“妈妈那边现在几点了？”——看一眼就知道。把城市添加一次，从此再也不用做 +7 或 +12 小时的心算了。

出行规划

出发前先把目的地添加进来，提前在心理上适应当地时间。落地之后，世界时钟对倒时差也很有帮助——清楚自己身体以为的时间和当地实际时间的差距，倒时差就成功了一半。

交易与金融市场

很多金融市场会以本地交易所的时区公布开市时间（例如东京股市 09:00 JST 开盘）。把相关城市加进来，你看到的就始终是正确时区的时间，夏令时也会自动处理。

体育赛事、电竞与直播

“这场比赛在我这边几点开始？”——如果赛事公布时间是 20:00 CET，而你住在圣保罗，只要把柏林和圣保罗都加进来，两地时间并排一看便知。

世界时钟的工作原理

• 地图是一个用 D3.js 从国界 GeoJSON 文件绘制的 SVG。采用等距圆柱投影（平面经纬度），标记点的定位变得非常简单——经度和纬度可以直接对应到像素坐标。
• 地图的夜晚一侧被渲染为围绕反日点（地球上与太阳正相对的那一点）的一个 90° 地理圆。计算用到了 NOAA 公布的太阳位置三角学公式：太阳赤纬 + 时差方程 + 你电脑的 UTC 时钟，每分钟更新一次。
• 数据库中的每个城市都标记了一个 IANA 时区。浏览器通过 Intl.DateTimeFormat({ timeZone: ... }) 把 UTC 转换为当地时间——也就是说，夏令时规则继承自浏览器的时区数据库，只要浏览器保持更新，规则就始终准确。
• 所选城市、它们的顺序以及你的主题设置都保存在 localStorage 中，不会向任何服务器发送数据。

使用技巧

• 把家乡城市固定在第一位。把它拖到第 1 位，这样其他每张卡片读起来都是相对于“你的时间”的时差。
• 按地区分组。把亚洲城市放一起，再是欧洲、然后是美洲。卡片网格会自动换行，这种视觉节奏让浏览更轻松。
• 善用点击锁定的小技巧。在通话中共享屏幕时，点击某张卡片让标记点保持高亮——对方就能清楚知道你指的是哪个城市。
• 地图上的明暗是真实的。你看到横跨地图的那条暗带，就是此刻黎明/黄昏的真实分界线。如果某个城市的标记点正落在暗带里，说明那里日落尚未完全到来，但已经很接近了。
• 卡片会记住顺序。大胆把暂时用不到的城市拖到最下方——你之前的排列顺序会按浏览器分别保存。

常见问题