倒计时器

在线倒计时器:精准计时,支持秒、分、时设置与结束提醒。基于时间戳差值计算,页面标题实时显示剩余时间。

00:05:00

提示:浏览器会限制后台标签页的计时器频率,为保证准时提醒,倒计时期间请保持本页面打开并处于前台。

使用说明

  1. 在「小时 / 分钟 / 秒」中输入目标时长,或直接点击下方的 1 / 5 / 10 / 25 分钟快捷按钮。
  2. 点击「开始」启动倒计时;运行中按钮会变为「暂停」,可以随时暂停并继续。
  3. 计时过程中,浏览器标签页标题会实时显示剩余时间,方便在多个标签页之间切换。
  4. 时间到后页面会发出提示音并显示「时间到!」,点击「重置」即可回到设定界面。
  5. 倒计时的准时提醒依赖页面持续运行,请保持本页面打开且处于前台。

常见问题

倒计时准吗?
准确。计时基于目标结束时刻与当前时间的时间戳差值计算,而不是累加定时器次数,因此不会因为定时器间隔抖动而累积误差;只要页面在运行,剩余时间始终准确。
把页面切到后台会怎样?
浏览器会降低后台标签页的定时器频率,甚至在省电模式下暂停计时,导致结束提醒被延迟。请保持本页面在前台打开;切回页面后剩余时间会立即校准。
提示音不响或没有震动怎么办?
浏览器要求页面先获得用户交互才能播放声音,请先点击「开始」。若音频仍不可用,支持震动的设备会自动改用振动提醒,也可以换用 Chrome、Edge 或 Firefox 等主流浏览器。
最长可以设置多久?
小时输入框最多 99,即最长可设置 99 小时 59 分 59 秒,适合烹饪、学习、工作与运动等场景。

使用步骤

  1. 输入时分秒设定时长

    在小时、分钟、秒三个输入框填数,最长 99 小时。也可以直接点 1、5、10、25 分钟快捷按钮,一键填充。

  2. 点击开始按钮计时

    点开始后,大号数字和进度条同步递减。运行中按钮变成暂停,可随时停下再继续,重置则回到设置状态。

  3. 瞄一眼标签页标题

    倒计时进行时,浏览器标签页标题实时显示剩余时间。多开网页时扫一眼标签,就知道还剩多久。

  4. 响应时间到的提醒

    时间到会播放提示音,显示 Time's up 字样,支持震动的设备还会震动。点重置即可设置新的时长。

  5. 让页面保持在前台

    浏览器会限制后台标签页的计时,重要提醒请让本页留在前台。切走后回来,剩余时间会立即自动校正。

工具详细介绍

倒计时器用固定结束时间戳与当前时间求差来算剩余时间,不靠累计计时滴答。计时抖动不会累积成误差,读数始终精确。时长由小时(0–99)、分钟与秒组合,配进度条与等宽数字显示,时间到触发提示音与震动。

适合厨房计时、运动间歇、课堂练习、会议控时等定时需求。泡面定 3 分钟、平板支撑定 90 秒,直接输秒数就行。总时长为 0 会提示先设置。运行中标签页标题实时显示剩余时间,多开网页也能一眼掌握进度。

原理与背景

浏览器的 setInterval 从不承诺精确间隔:每次回调都要排队等事件循环,上一次的延迟会传导给下一次调度。倒计时若写成每过一秒减一,一整天能漂移数分钟。本工具改为记录固定结束时间戳,剩余时间等于结束时刻减当前时刻,每次刷新都从钟面重新求差,抖动不会累积。无论页面卡了多久,恢复后读数依然对得上钟面。时间源也有讲究:Date.now() 是墙钟,系统校时会让它跳动。performance.now() 是单调钟,只进不退,才是计时该信任的那一个。

后台标签页会被浏览器节流:Chrome 对隐藏超过五分钟的标签页,把定时器压到每分钟一次,省电模式下更严。提醒音迟到就出在这里。页面回到前台时触发 visibilitychange 事件,工具借此立即用时间戳重算剩余时间。读数自动校正,无需手动刷新。标签页标题同步倒计时也是同一思路:标题更新同样受节流影响,显示可能晚一点。但时间戳法保证显示出来的永远是正确答案,绝不会显示错误的时间。

典型使用场景

  1. 厨房免手持计时

    手机沾着油不便触碰时,把计时留在平板或笔记本上:定 3 分钟按下开始,隔着灶台瞄一眼大号数字与进度条。时间到提示音响起,替你盯着那口锅。

  2. 课堂与演讲控时

    把 10 分钟倒计时投上大屏,听众看得见进度条走动,发言者不必靠主持人举牌。讲台电脑切去幻灯片也没关系,标签页标题仍在显示剩余时间。

  3. 运动组间休息

    平板支撑 90 秒、组间休息 60 秒各设一轮:中途来电话就点暂停,处理完点继续接着走。想整套重来就按重置,进度条与计数同时归零。

使用技巧

  • 浏览器要求页面有过交互才允许发声,先点一次开始,提示音才能准时响起。
  • 只填秒数就能实现 90 秒这类短计时。需要暂停时再点一次开始按钮即可切换。
  • 后台标签页计时会被限流,重要提醒别只靠它,偶尔看一眼标签页标题更保险。

注意事项

  • 时长上限与拆分

    小时栏上限 99,分钟与秒各有合法范围,100 分钟应拆成 1 小时 40 分输入。非法值会被拦截提示;需要数小时以上的长倒计时,改用按日期倒数的工具更省心。

  • 关掉页面计时即清零

    计时状态存在内存里,刷新或关闭页面都会归零,重新打开须重新设定。需要跑很久的提醒,让标签页保持打开,固定在一个不容易被关掉的位置。

  • 静音设备的兜底提醒

    系统静音或设备不支持音频时提示音不响,但页面提示与震动仍然生效。重要场合别押注在声音上,进度条走完与 Time's up 字样就是最后的兜底。

相关工具