倒计时

相关指南

倒计时、番茄钟与秒表：切到后台后，哪一台还在走准
秒表每 20 毫秒用系统时钟重算已过时间，标签页被节流也不会少算；倒计时和番茄钟是「每秒减一」的计数式计时，离开后台就会走慢且不会追回。以下都是在页面上跑出来的：倒计时结束后一次点击就能重跑，番茄钟要按两次；专注时长填 200 会被接受；填成负数屏幕上会留下 0-5:00。

预设档位和自定义时长

顶部有五个一键档位：1 分钟、5 分钟、10 分钟、30 分钟、1 小时，对应 60 到 3600 秒。下面还有时、分、秒三个输入框，默认 0 时 5 分 0 秒，允许范围分别是 0 到 99、0 到 59、0 到 59，总秒数按 时 × 3600 + 分 × 60 + 秒 合成。

页面载入时会把计时器重置成 5 分钟，这就是第一次看到的大字是 05:00 的原因。三个输入框只在点「重置」的时候才被读取，跑动过程中改数字不会立刻生效——要换一个时长，顺序是重置、填数、开始。

显示只有分和秒

大字按「总分钟:秒」格式化，没有小时位。1 小时的档位显示 60:00，2 小时显示 120:00；三个框都推到上限 99 时 59 分 59 秒是 359999 秒，屏幕上写成 5999:59。读的时候请把前面那串当作分钟数，而不是「几小时几分」。

进度条按已消耗的比例填充，并限制不超过 100%。按钮文字随状态变化：未开始是「开始」，跑动中变成「运行中」，暂停后变成「继续」，重置后回到「开始」。

精度到秒，而且是递减式计时

计时用每秒触发一次的定时器，每次把剩余秒数减 1，而不是拿当前时间减去起始时刻。这意味着浏览器把后台标签页的定时器节流了、或者电脑进入睡眠时，倒计时会比真实时间慢下来，页面不会自己追回。需要严格按绝对时刻结束的场合（考试限时、直播流程）不要只靠它。

结束时页面给出「⏰ 倒计时结束！」的提示，并尝试用 800 赫兹的蜂鸣响约半秒。这段声音被包在容错里，浏览器还没允许该页面播放音频时不会响——通常在页面上点过一次之后就不会再被拦。

常见问题

为什么切到别的标签页再回来，时间没走完那么多？
因为它是每次减一秒的递减式计数，不是按真实时钟回算。浏览器会节流后台标签页的定时器，机器睡眠时也会停。想让倒计时贴着真实时间走，只能重置后重新计时，或者改用按时刻计算的日程工具。

最长能设多久？
按输入框上限 99 小时 59 分 59 秒，合计 359999 秒，显示成 5999:59。这个长度在页面上能正常走，只是上面说的节流问题会随时长累积得更明显。

填 0 秒或者把框清空会怎样？
空值和非数字都被当作 0。若合成出来的总时长是 0 或负数，第一次 tick 就把剩余量压到 0，立刻触发结束提示与蜂鸣，不会报错。

跑动中途能改时长吗？
不能。三个时长输入框只在点「重置」时被读取，运行中的数值改动不会影响当前这一轮。

刷新页面之后设置还在吗？
不在。这个页面不保存任何状态，刷新后回到默认的 5 分钟，正在跑的计时也随之丢失。

到时间为什么没有声音？
浏览器要求音频必须由用户真实操作触发才允许播放。还没在页面上点击过就开始计时时，蜂鸣会被静默拦掉，视觉提示照常出现。先点一下页面再测一次就有声了。