此工具有什么功能
时钟工具集世界时钟、秒表和倒计时于一体。世界时钟可显示任意 IANA 时区的实时时间,每秒更新。秒表通过 requestAnimationFrame 精确测量经过时间,支持计圈。倒计时可输入小时、分钟和秒,倒数至零并显示动画进度环。全部在浏览器中运行——无需服务器。
如何使用
- 世界时钟 — 从下拉框添加时区。查看实时时间和 UTC 偏移。按需删除时区。
- 秒表 — 开始、停止、继续、计圈、重置。圈数记录在列表中。
- 倒计时 — 输入小时(0–99)、分钟(0–59)、秒(0–59)。启动计时器。到零时显示“时间到!”并完成圆环动画。
- 切换标签页 — 在世界时钟、秒表和倒计时之间切换。
工作原理
世界时钟:使用 Intl.DateTimeFormat 和 setInterval(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。
- 不持久 — 刷新页面后秒表和倒计时会重置。