倒计时器
在线倒计时器:精准计时,支持秒、分、时设置与结束提醒。基于时间戳差值计算,页面标题实时显示剩余时间。
使用说明
- 在「小时 / 分钟 / 秒」中输入目标时长,或直接点击下方的 1 / 5 / 10 / 25 分钟快捷按钮。
- 点击「开始」启动倒计时;运行中按钮会变为「暂停」,可以随时暂停并继续。
- 计时过程中,浏览器标签页标题会实时显示剩余时间,方便在多个标签页之间切换。
- 时间到后页面会发出提示音并显示「时间到!」,点击「重置」即可回到设定界面。
- 倒计时的准时提醒依赖页面持续运行,请保持本页面打开且处于前台。
常见问题
倒计时准吗?
把页面切到后台会怎样?
提示音不响或没有震动怎么办?
最长可以设置多久?
使用步骤
- 输入时分秒设定时长
在小时、分钟、秒三个输入框填数,最长 99 小时。也可以直接点 1、5、10、25 分钟快捷按钮,一键填充。
- 点击开始按钮计时
点开始后,大号数字和进度条同步递减。运行中按钮变成暂停,可随时停下再继续,重置则回到设置状态。
- 瞄一眼标签页标题
倒计时进行时,浏览器标签页标题实时显示剩余时间。多开网页时扫一眼标签,就知道还剩多久。
- 响应时间到的提醒
时间到会播放提示音,显示 Time's up 字样,支持震动的设备还会震动。点重置即可设置新的时长。
- 让页面保持在前台
浏览器会限制后台标签页的计时,重要提醒请让本页留在前台。切走后回来,剩余时间会立即自动校正。
工具详细介绍
倒计时器用固定结束时间戳与当前时间求差来算剩余时间,不靠累计计时滴答。计时抖动不会累积成误差,读数始终精确。时长由小时(0–99)、分钟与秒组合,配进度条与等宽数字显示,时间到触发提示音与震动。
适合厨房计时、运动间歇、课堂练习、会议控时等定时需求。泡面定 3 分钟、平板支撑定 90 秒,直接输秒数就行。总时长为 0 会提示先设置。运行中标签页标题实时显示剩余时间,多开网页也能一眼掌握进度。
原理与背景
浏览器的 setInterval 从不承诺精确间隔:每次回调都要排队等事件循环,上一次的延迟会传导给下一次调度。倒计时若写成每过一秒减一,一整天能漂移数分钟。本工具改为记录固定结束时间戳,剩余时间等于结束时刻减当前时刻,每次刷新都从钟面重新求差,抖动不会累积。无论页面卡了多久,恢复后读数依然对得上钟面。时间源也有讲究:Date.now() 是墙钟,系统校时会让它跳动。performance.now() 是单调钟,只进不退,才是计时该信任的那一个。
后台标签页会被浏览器节流:Chrome 对隐藏超过五分钟的标签页,把定时器压到每分钟一次,省电模式下更严。提醒音迟到就出在这里。页面回到前台时触发 visibilitychange 事件,工具借此立即用时间戳重算剩余时间。读数自动校正,无需手动刷新。标签页标题同步倒计时也是同一思路:标题更新同样受节流影响,显示可能晚一点。但时间戳法保证显示出来的永远是正确答案,绝不会显示错误的时间。
典型使用场景
- 厨房免手持计时
手机沾着油不便触碰时,把计时留在平板或笔记本上:定 3 分钟按下开始,隔着灶台瞄一眼大号数字与进度条。时间到提示音响起,替你盯着那口锅。
- 课堂与演讲控时
把 10 分钟倒计时投上大屏,听众看得见进度条走动,发言者不必靠主持人举牌。讲台电脑切去幻灯片也没关系,标签页标题仍在显示剩余时间。
- 运动组间休息
平板支撑 90 秒、组间休息 60 秒各设一轮:中途来电话就点暂停,处理完点继续接着走。想整套重来就按重置,进度条与计数同时归零。
使用技巧
- 浏览器要求页面有过交互才允许发声,先点一次开始,提示音才能准时响起。
- 只填秒数就能实现 90 秒这类短计时。需要暂停时再点一次开始按钮即可切换。
- 后台标签页计时会被限流,重要提醒别只靠它,偶尔看一眼标签页标题更保险。
注意事项
- 时长上限与拆分
小时栏上限 99,分钟与秒各有合法范围,100 分钟应拆成 1 小时 40 分输入。非法值会被拦截提示;需要数小时以上的长倒计时,改用按日期倒数的工具更省心。
- 关掉页面计时即清零
计时状态存在内存里,刷新或关闭页面都会归零,重新打开须重新设定。需要跑很久的提醒,让标签页保持打开,固定在一个不容易被关掉的位置。
- 静音设备的兜底提醒
系统静音或设备不支持音频时提示音不响,但页面提示与震动仍然生效。重要场合别押注在声音上,进度条走完与 Time's up 字样就是最后的兜底。