世界时钟

多时区并排/拖拽对齐时刻

409 次访问

世界时钟 · 全球主要城市实时

添加自定义时区:

关于本工具

了解工具定位 · 使用场景 · 对比优势

并排显示多个时区的时间,拖拽时钟卡片即可对齐到同一时刻,快速对比不同城市的当前时间。跨境协作、远程会议排期、国际航班调度、海外亲友联系时,无需手动换算时差。所有时区数据在浏览器本地计算,无需联网,隐私安全。

使用场景

🌍

跨国会议排期

远程协作团队分散在纽约、伦敦、北京三地。要找一个所有人都能接受的会议时间,手动换算时区容易出错。用本工具并排显示三个时区,拖拽时间轴对齐时刻,一眼看出重叠的可用时段,避免凌晨或深夜开会,提高会议参与率。

✈️

国际航班接机

家人从东京飞往巴黎,中途在迪拜转机。需要知道起飞、经停、到达的当地时间,以便安排接机。本工具将三个时区并排显示,拖拽时间轴对齐航班时刻表,清晰展示每一段行程的本地时间,避免因时差算错接机时间。

📦

跨境物流追踪

跨境电商卖家从深圳发货到洛杉矶,需跟踪包裹在海关清关、转运、派送各环节的当地时间。用本工具并排显示中国、美国西海岸、美国东海岸的时区,拖拽对齐物流时间戳,快速判断包裹是否在正常工作时间内被处理,及时介入异常。

📺

全球赛事直播

想跟进 NBA 季后赛直播,但比赛在洛杉矶晚上 7 点开始,换算到北京是早上 10 点还是 11 点?本工具并排显示美西和美东时区,拖拽对齐比赛开始时间,自动得出本地观看时间,不错过任何关键场次。

🏗️

跨国项目交付

中国开发团队与德国客户确认交付截止时间。客户说“柏林时间周五下午 5 点”,但团队在北京。用本工具并排显示北京和柏林时区,拖拽对齐 5 PM,看到北京已经是次日凌晨 1 点,及时调整交付计划,避免加班或延期。

对比矩阵本工具 vs 竞品 vs 传统方法

维度本工具竞品 A (timeanddate.com)传统方法
数据隐私纯浏览器,零上传上传到服务器依赖人工查询,无数据泄露风险
处理速度拖拽即时对齐,< 0.5 秒需点击刷新或选择城市,2-5 秒手动计算时差,数分钟
离线可用完全离线,断网可用需联网加载地图/城市数据无需网络,但需计算工具
时区对齐操作直接拖拽时间轴,视觉对齐通过下拉菜单选择城市,无对齐功能手动加减时差,易出错
多时区并排无数量限制,横向滚动最多 5-10 个城市,需翻页需多个时钟或表格,效率低
收费免费,无隐藏付费基础免费,高级功能(如广告移除)需订阅免费,仅需时间成本
注册无需注册无需注册,但部分功能需登录无需注册

使用指南

上手步骤 · 输入输出 · 避坑提示

使用步骤

  1. 点击「添加时区」按钮,从列表中选择或搜索需要显示的城市/时区
  2. 拖动时区卡片,按个人习惯排列顺序(如从左到右按时间先后)
  3. 点击任意时区的时间数字,上下拖拽以对齐到同一时刻,其余时区自动同步偏移
  4. 点击时区卡片上的「×」移除不需要的时区,或点击「重置」恢复默认布局

输入输出示例7 个典型场景,覆盖常规、边界与易错

输入输出说明
北京 09:00 | 东京 10:00 | 伦敦 02:00 | 纽约 21:00北京 09:00 | 东京 10:00 | 伦敦 01:00 (夏令时) | 纽约 20:00 (夏令时)典型场景:跨时区会议,自动处理夏令时偏移
UTC 12:00 | 上海 20:00 | 旧金山 04:00UTC 12:00 | 上海 20:00 (UTC+8) | 旧金山 05:00 (夏令时, UTC-7)典型场景:UTC 基准对齐,验证时区偏移量计算
悉尼 02:30 | 莫斯科 18:45 | 迪拜 20:15悉尼 02:30 (夏令时, UTC+11) | 莫斯科 18:45 (UTC+3) | 迪拜 20:15 (UTC+4)典型场景:南半球夏令时与标准时混合显示
复活节岛 12:00 | 基里巴斯 06:00 | 纽芬兰 11:30复活节岛 12:00 (UTC-6) | 基里巴斯 06:00 (UTC+14) | 纽芬兰 11:30 (UTC-3:30)边界 case:UTC+14 最东时区与半时区城市
南极麦克默多站 08:00 | 北极斯瓦尔巴 15:00南极麦克默多站 08:00 (新西兰时间, UTC+13) | 北极斯瓦尔巴 15:00 (中欧时间, UTC+2)边界 case:极地科考站使用关联国时区
中国 14:00 | 美国 01:00 | 俄罗斯 09:00中国 14:00 (UTC+8) | 美国 01:00 (多个时区,需指定城市) | 俄罗斯 09:00 (多个时区,需指定城市)易错 case:大国跨多个时区,必须指定具体城市
伦敦 01:00 (1月15日) | 伦敦 01:00 (7月15日)伦敦 01:00 (1月15日, UTC+0) | 伦敦 01:00 (7月15日, UTC+1, 夏令时)易错 case:同一城市不同日期时区偏移不同

常见错误对照7 个常踩的坑 · 错误 → 修复

1. 把 UTC 偏移写成带冒号的时区名

错误
UTC+08:00
修复
UTC+8

世界时钟的拖拽对齐基于 UTC 偏移数值;冒号后的分钟部分(如 +08:00)会被解析为字符串而非数字,导致对齐失效。标准偏移格式为 UTC±H 或 UTC±HH。

2. 把夏令时缩写当成固定时区

错误
EDT (Eastern Daylight Time)
修复
America/New_York

EDT 是北美东部夏令时缩写,每年只在 3-11 月有效;工具按固定偏移对齐,使用 EDT 会导致冬令时期间偏移误差 1 小时。应使用 IANA 时区 ID(如 America/New_York),工具自动计算当前偏移。

3. 在拖拽对齐后忘记锁定时间

错误
拖拽完 A 时区指针到 15:00,然后直接复制 B 时区显示的时间
修复
拖拽对齐后点击锁定按钮(或按回车确认),再读取 B 时区时间

拖拽操作是临时的实时预览,未锁定时鼠标松开后指针可能因系统时间更新或页面重绘而回弹。锁定操作将对齐结果固定为静态时刻,避免后续误操作。

4. 把 12 小时制 AM/PM 写错大小写

错误
3:00 pm
修复
3:00 PM

工具严格区分大小写:AM/PM 大写表示 12 小时制,小写 pm 会被解析为 24 小时制的分钟(pm → 下午被忽略)。输入 3:00 pm 实际得到 3:00(凌晨),而非 15:00。

5. 在时区列表中混用全名和缩写

错误
添加时区:北京 / London / 东京
修复
添加时区:Asia/Shanghai / Europe/London / Asia/Tokyo

工具只识别 IANA 时区 ID 和标准缩写(如 CST/EST/PST)。中文城市名、非标准英文名(如 London 而非 Europe/London)不会被匹配,导致时区未添加或显示为 UTC+0。

6. 把 UTC 偏移写成带正号的字符串

错误
+8
修复
8

工具内部将偏移值作为数字处理,带 + 号的字符串(如 '+8')会被当作文本而非数值,导致排序或对齐时被忽略。直接输入数字 8 表示 UTC+8,-5 表示 UTC-5。

7. 拖拽对齐时误触了秒针

错误
拖拽秒针到 30 秒位置,以为对齐了整分钟
修复
只拖拽时针或分针,对齐后检查秒针是否归零

秒针拖拽是独立操作,不会联动分针/时针。对齐整分钟时刻(如 15:00:00)必须确保秒针归零,否则实际对齐的是 15:00:30,导致跨时区比较时误差 30 秒。

工作原理

公式推导 · 流程图解 · 依据出处

核心公式

T_local = T_UTC + offset / 3600

变量说明

  • T_local — 目标时区的本地时间(小时)
  • T_UTC — 协调世界时(小时)
  • offset — 目标时区与 UTC 的偏移秒数

示例

当前 UTC 时间为 14:00,北京时区偏移 +28800 秒(即 +8 小时)。T_local = 14 + 28800 / 3600 = 14 + 8 = 22。即北京时间 22:00。

适用范围

适用于所有基于 UTC 偏移的时区转换(标准时区)。不适用于夏令时生效期间(需额外调整 +1 小时),数据来源 IANA Time Zone Database(tzdata)。

原理图

选择时区下拉 / 搜索拖拽对齐鼠标拖拽时间轴本地计算JS 时区偏移并排显示多时区时间线时刻标注当前时间 / 对齐点交互反馈拖拽实时更新全部在浏览器内完成
用户输入 本地处理 输出结果 纯前端流程

开发者集成

3 种主流语言 · 复制即用

from datetime import datetime, timezone, timedelta

# 定义时区偏移(小时)
tz_offsets = {
    "UTC": 0,
    "New York": -5,
    "London": 0,
    "Tokyo": 9,
    "Shanghai": 8,
}

# 获取当前 UTC 时间
utc_now = datetime.now(timezone.utc)

# 打印各时区当前时间
for city, offset_hours in tz_offsets.items():
    tz = timezone(timedelta(hours=offset_hours))
    local_time = utc_now.astimezone(tz)
    print(f"{city}: {local_time.strftime('%Y-%m-%d %H:%M:%S')}")

# 示例输出(取决于运行时刻):
# UTC: 2025-03-25 14:30:00
# New York: 2025-03-25 09:30:00
# London: 2025-03-25 14:30:00
# Tokyo: 2025-03-25 23:30:00
# Shanghai: 2025-03-25 22:30:00
package main

import (
	"fmt"
	"time"
)

func main() {
	// 定义时区
	locations := map[string]string{
		"UTC":       "UTC",
		"New York":  "America/New_York",
		"London":    "Europe/London",
		"Tokyo":     "Asia/Tokyo",
		"Shanghai":  "Asia/Shanghai",
	}

	// 获取当前 UTC 时间
	now := time.Now().UTC()

	// 遍历并打印各时区时间
	for city, locName := range locations {
		loc, err := time.LoadLocation(locName)
		if err != nil {
			fmt.Printf("Error loading location %s: %v\n", locName, err)
			continue
		}
		localTime := now.In(loc)
		fmt.Printf("%s: %s\n", city, localTime.Format("2006-01-02 15:04:05"))
	}

	// 示例输出(取决于运行时刻):
	// UTC: 2025-03-25 14:30:00
	// New York: 2025-03-25 09:30:00
	// London: 2025-03-25 14:30:00
	// Tokyo: 2025-03-25 23:30:00
	// Shanghai: 2025-03-25 22:30:00
}
// 定义时区偏移(小时)
const tzOffsets = {
  'UTC': 0,
  'New York': -5,
  'London': 0,
  'Tokyo': 9,
  'Shanghai': 8,
};

// 获取当前 UTC 时间
const now = new Date();

// 打印各时区当前时间
for (const [city, offsetHours] of Object.entries(tzOffsets)) {
  const localTime = new Date(now.getTime() + offsetHours * 60 * 60 * 1000);
  const formatted = localTime.toISOString().replace('T', ' ').substring(0, 19);
  console.log(`${city}: ${formatted}`);
}

// 示例输出(取决于运行时刻):
// UTC: 2025-03-25 14:30:00
// New York: 2025-03-25 09:30:00
// London: 2025-03-25 14:30:00
// Tokyo: 2025-03-25 23:30:00
// Shanghai: 2025-03-25 22:30:00

常见问题

8 个高频疑问

这个世界时钟怎么用?我想同时看北京、纽约、伦敦的时间,还要能拖动对齐。
打开页面后,默认会显示几个主要城市。点击「添加城市」按钮,搜索或从列表选择北京、纽约、伦敦。每个城市卡片上会显示当前时间和日期。要对比不同时区的时刻,直接按住卡片标题区域左右拖动,上方的时刻标尺会同步对齐,方便看出某时刻对应其他城市是几点。所有操作都在浏览器内完成,无需刷新页面。
为什么我添加的城市时间显示不准?和手机上的时间差了几分钟。
本工具的时间来源于你电脑/手机的系统时间。如果设备本身的时间不准(比如未开启自动同步,或时区设置错误),工具显示的时间就会有偏差。先检查设备系统设置:Windows 在「日期和时间」开启「自动设置时间」;macOS 在「日期与时间」勾选「自动设置日期与时间」;手机在「设置」中开启「自动日期和时间」。系统时间校准后,刷新页面即可。
这个工具支持的城市多吗?有没有小城市或者冷门时区?
内置了全球主要城市和所有常用时区(UTC-12 到 UTC+14),覆盖约 400+ 个城市。对于不在列表中的小城市,可以通过「搜索城市」输入英文或拼音查找,如果未收录,可以选择该城市所在的时区(如 UTC+8)作为替代。时区列表基于 IANA 时区数据库(2024a 版),与操作系统和主流手机保持一致。
在线世界时钟和手机自带的时钟 App 有什么区别?为什么要用这个?
手机自带时钟通常只显示固定几个城市,且无法并排拖拽对比时刻。本工具的核心优势是多时区卡片可以自由拖拽排列,对齐到同一时刻线,直观看出某时间点对应其他时区是几点——这对跨时区会议安排、远程团队协作非常实用。另外,工具完全在浏览器运行,无需安装 App,在电脑上操作比手机小屏幕方便。
世界时钟里显示的时间是夏令时吗?会不会自动调整?
是的,工具会自动根据 IANA 时区数据库判断城市是否实行夏令时,并显示当前适用的时间。例如纽约在 3 月到 11 月为 EDT(UTC-4),其余时间为 EST(UTC-5)。所有时间转换都基于设备系统时间,系统如果启用了「自动调整夏令时」,工具就会同步。如果发现夏令时切换有误,请先确认设备的时区设置正确。
我拖拽卡片时,标尺上的时间线怎么有时候对不齐?
拖拽对齐功能依赖浏览器的鼠标事件和布局计算。如果页面加载了过多城市(建议不超过 8 个),或者浏览器窗口缩得太小,拖拽时卡片位置变化可能响应变慢。尝试减少已添加的城市数量,或将浏览器窗口放大到 1024px 宽度以上。另外,某些老旧浏览器(如 IE11)不支持拖拽 API,请使用 Chrome、Edge、Firefox 或 Safari 的最新版本。
这个工具需要联网才能用吗?没网络的时候还能看时间吗?
首次加载页面需要联网下载 HTML/CSS/JS 文件。加载完成后,即使断开网络,工具仍然可以正常使用——因为所有时间计算和显示都在浏览器本地完成,不依赖任何后端接口。城市列表数据也是打包在前端代码中的。所以出差在飞机上或信号差的地方,只要页面没关闭,就可以继续查看和拖拽对比时间。
为什么我添加的城市在列表里搜不到?比如我想加「喀布尔」。
搜索功能支持中英文和拼音。如果输入「喀布尔」搜不到,可以尝试输入英文名「Kabul」或拼音「kabuer」。如果仍然没有,说明该城市未被收录。此时可以手动选择时区:喀布尔属于 UTC+4:30,在时区列表中找到「UTC+04:30」或搜索「+04:30」添加。工具的城市库覆盖了主要国家首都和百万人口以上城市,小城市建议用时区替代。
选择 打开 +新窗口 esc关闭