倒计时器

使用说明

1. 输入时、分、秒，或点“5 分钟”“10 分钟”等快速设置，上方大字会显示要倒计时的时长。
2. 点“开始”开始倒计时，进度条会随之前进；中途可以点“暂停”“继续”，需要多一点时间就点“+1 分钟”。
3. 时间到会响三声提示音、屏幕闪烁，支持的手机会振动；勾选“桌面通知”并允许后，切到其他窗口也会弹出通知。点“重置”回到设置。

实际示例

在“分”输入 90、其他栏留 0，大字会自动换算成 01:30:00；只在“秒”输入 75，则显示 00:01:15。

下午 2:00:00 开始 5 分钟倒计时，然后切到其他标签页干活。即使浏览器把后台标签页的定时器降到一分钟才唤醒一次，2:07:12 切回来的那一刻也会立刻判定时间已到，显示 00:00:00 并发出提醒，不会从离开时的数字接着倒数。

10 分钟倒计时跑了 2 分 30 秒后点“暂停”，画面停在 00:07:30、进度条 25%；这时点“+1 分钟”，剩余变成 00:08:30、总时长变成 11 分钟，进度条退回约 22.7%。

结果怎么看

• 大字的秒数向上取整：剩 0.2 秒时仍显示 00:00:01，真正到点才变成 00:00:00，所以点开始的瞬间会看到完整的设置时长，而不是少 1 秒。
• 进度条是“已过去的时间 ÷ 总时长”。点“+1 分钟”会同时拉长总时长，所以进度条会稍微往回退。
• 倒计时或暂停时，浏览器标签页标题会显示 ⏳ 或 ⏸ 加剩余时间，切到其他标签页也能从标签栏看到；时间到时标题变成“⏰ 时间到！”。

原理与计算方法

• 点开始时记录“结束时间点 = 现在 + 设置时长”，之后每 0.25 秒用“结束时间点 − 现在”重新计算剩余时间，而不是每秒减 1，所以定时器的延迟不会累积成误差。
• 暂停时把当时的剩余时间存下来，点“继续”时再用“现在 + 剩余时间”算出新的结束时间点，暂停期间不扣时间。
• 浏览器会对后台标签页的普通定时器降频，所以负责刷新画面的心跳放在 Web Worker 里；切回标签页时也会立刻重新计算一次。
• 提示音由 Web Audio 实时生成 880 Hz 的哔声三响，不需要下载音频文件，离线也能用；桌面通知使用浏览器的 Notification API，只在你勾选时才申请权限。

适用限制

• 时间以设备的系统时钟为准；倒计时期间手动修改电脑时间或系统自动校时，剩余时间会跟着跳变。
• 手机锁屏、开启省电模式或浏览器被系统挂起时，网页无法在后台发声，提醒可能要等回到页面才出现；需要准时叫醒的场合请改用手机自带闹钟。
• 关闭或刷新页面会中止倒计时，设置和进度都不会保留。
• 最长 99 小时 59 分 59 秒，最小单位是 1 秒。

常见问题

💬 没找到答案？反馈这个工具的问题或提出建议