易口袋Pockez
番茄钟
免费在线番茄钟：25 分钟专注、5 分钟短休息，每 4 个番茄长休息 15 分钟，时长可自定义、可自动接续，还会记录今天完成几个。无需注册，数据不上传。
- 专注休息自动轮换
- 时长可自定义
- 记录今日番茄数
- 后台标签页也准
25:00
设置
设置和今天完成的番茄数只保存在这台设备的浏览器中，不会上传。
🔒 所有计算都在你的浏览器内完成，数据不会上传到任何服务器。
什么时候会用到
- 学习与备考：25 分钟专注加短休息，避免一坐三小时效率却很低。
- 写报告、写代码：把大任务切成一个个番茄，看看今天累计完成了几个。
- 远程办公：提醒自己定时起身休息，让眼睛和肩颈放松。
- 克服拖延：只要求自己“先做一个番茄”，25 分钟更容易开始。
使用说明
- 点“开始”进入 25 分钟专注，时间到会响铃并切换到休息；也可以点上方的“专注”“短休息”“长休息”手动切换。
- 每完成一个专注，圆点就涂满一格，满 4 个（可设置）就换成长休息；“跳过”会直接进入下一阶段，但不算一个番茄。
- 打开“设置”调整各阶段分钟数，勾选“自动开始下一阶段”就不用每次点开始；设置会保存在这台设备上，下次打开继续沿用。
实际示例
使用默认的 25／5／15 分钟、每 4 个长休息，并开启自动开始。早上 9:00 点开始后离开，11:00 回来时会一次补算：专注在 9:25、9:55、10:25、10:55 结束，短休息在 9:30、10:00、10:30 结束，第 4 个专注之后进入长休息，画面显示长休息剩 10:00，4 个圆点全满。
同样 9:00 开始但没开自动开始，9:40 才回来：只记下 9:25 结束的第 1 个番茄，画面停在短休息 05:00 等你点开始，不会自己跑后面的阶段。
按默认节奏连续跑 8 小时：每一轮（4 个专注＋3 个短休息＋1 个长休息）是 130 分钟，8 小时可以完成 15 个番茄。
结果怎么看
- 圆点表示这一轮已完成几个专注；长休息时全满，长休息结束后新的一轮从 0 开始。
- “今天完成”按设备的当地日期计算，过了零点重新计数；圆点的本轮进度只在这次打开的页面有效，刷新后归零。
- 颜色表示当前阶段：珊瑚色是专注、青绿色是短休息、黄色是长休息；浏览器标签页标题会显示 🍅（专注）或 ☕（休息）加剩余时间。
原理与计算方法
- 阶段规则：专注结束时，如果已完成数是设置值（默认 4）的倍数就进入长休息，否则进入短休息；任何休息结束都回到专注。
- 剩余时间用“结束时间点 − 现在”计算。开启自动开始时，下一阶段从上一阶段的结束时间点接着算，而不是从程序发现的那一刻算，所以后台标签页晚 40 秒才唤醒时，短休息会显示 04:20，整体节奏不会往后漂移。
- 专注结束响 880 Hz、休息结束响 660 Hz 的三声提示音（Web Audio 实时生成），勾选后还会发出桌面通知。
- 设置和今日番茄数存在浏览器的 localStorage；读到格式不对的设置时改用默认值。
适用限制
- 关闭或刷新页面会中止当前计时，本轮圆点也会归零（今天的番茄数会保留）。
- 手机锁屏或浏览器被系统挂起时无法在后台响铃，提醒会等回到页面才出现。
- 没开自动开始时，离开期间最多只会结束一个阶段，之后要点开始才会继续。
- 番茄数只存在这台设备上，不会跨设备同步，也没有长期统计。
常见问题
番茄工作法是什么？
由 Francesco Cirillo 提出的时间管理方法：专心做一件事一段固定时间（常见是 25 分钟），然后短暂休息，累积几轮后再长休息。关键是专注时不被打断、休息时真正离开工作。
跳过或重置会计入今天的番茄数吗？
不会。只有专注阶段完整跑完才算一个番茄；点“跳过”“重置”或中途切换阶段都不计入。今天的数字在当地时间零点后自动从 0 开始。
电脑休眠或切到别的标签页，番茄钟会不准吗？
不会。计时以结束时间点计算，回到页面时会立刻补算。如果开了“自动开始下一阶段”，离开期间跑完的阶段也会按顺序补上，专注阶段同样计入番茄数。
我的设置和记录存在哪里？
只存在这台设备浏览器的本地存储里（各阶段分钟数等设置，以及今天完成的番茄数），不会上传。清除浏览数据或换设备就会恢复默认值。
番茄钟一定要 25 分钟吗？
不一定。可以在“设置”里改成 50 分钟专注、10 分钟休息等适合自己的时长，设置会保存在这台设备上。
一天做几个番茄比较好？
常见目标是 8～12 个（约 4～6 小时的专注时间）；刚开始可以每天先做 4 个，再慢慢增加。
手机上可以用番茄钟吗？
可以，也能把网站添加到主屏幕当 App 使用。计时按实际经过的时间计算，切到其他 App 再回来也会显示正确的剩余时间。
参考来源
- What Is the Pomodoro® Technique? — Pomodoro® Technique (Francesco Cirillo)
- Page Visibility API — MDN
- Using the Notifications API — MDN