时钟 使用指南

世界时钟、秒表和倒计时器集于一体。

返回 时钟

此工具有什么功能

时钟工具集世界时钟、秒表和倒计时于一体。世界时钟可显示任意 IANA 时区的实时时间,每秒更新。秒表通过 requestAnimationFrame 精确测量经过时间,支持计圈。倒计时可输入小时、分钟和秒,倒数至零并显示动画进度环。全部在浏览器中运行——无需服务器。

如何使用

  1. 世界时钟 — 从下拉框添加时区。查看实时时间和 UTC 偏移。按需删除时区。
  2. 秒表 — 开始、停止、继续、计圈、重置。圈数记录在列表中。
  3. 倒计时 — 输入小时(0–99)、分钟(0–59)、秒(0–59)。启动计时器。到零时显示“时间到!”并完成圆环动画。
  4. 切换标签页 — 在世界时钟、秒表和倒计时之间切换。

工作原理

世界时钟:使用 Intl.DateTimeFormatsetInterval(1 秒)显示所选 IANA 时区的实时时间。复用时区转换器的辅助函数。秒表:使用 requestAnimationFrame 实现无漂移的经过时间;记录圈数。倒计时:解析输入,用 setInterval 驱动倒数,并动画显示 SVG 圆环。到零时计时器停止并显示通知。夏令时由浏览器的 Intl API 处理。

所有计算均在您的浏览器中完成。不会向任何服务器发送数据。

使用场景与示例

  • 远程会议 — 查看多地时间。
  • 锻炼 — 使用秒表和计圈记录间歇。
  • 烹饪 — 使用倒计时计时。
  • 专注 — 番茄钟式倒计时。
  • 旅行 — 比较出发地与目的地时间。

示例

  • 添加 Asia/Ho_Chi_Minh 和 America/New_York → 同时查看两地实时时间。
  • 秒表:开始,30 秒计圈,60 秒计圈 → 记录分段。
  • 倒计时:0 时 5 分 0 秒 → 5 分钟计时器。

限制与已知约束

  • 标签页节流 — 后台标签页可能使计时变慢;精确倒计时/秒表请保持标签页在前台。
  • 仅 IANA — 使用 IANA 时区名称;缩写(如 EST)可能不明确。
  • 倒计时范围 — 小时 0–99,分钟/秒 0–59。
  • 不持久 — 刷新页面后秒表和倒计时会重置。

工作原理

方法

  • World Clock displays live time for selected IANA timezones, updated every second.
  • Stopwatch uses high-precision timing for accuracy; supports start, stop, resume, lap, and reset.
  • Countdown accepts hours (0–99), minutes (0–59), seconds (0–59); inputs disabled while running.
  • Countdown stops at zero and displays 'Time's up!' without user action.

须知

  • Works in all modern browsers with standard web APIs.
  • Works in all modern browsers with standard web APIs.

所有计算和转换均完全在您的浏览器中运行。不会向任何服务器发送数据,您的输入不会离开您的设备。