番茄钟 / 倒计时
番茄工作法计时器:自定义专注/短休/长休时长与长休周期,进度环直观显示,阶段自动切换并响铃提醒,计时精准不漂移,纯前端本地运行。
纯前端处理,数据不上传
专注已完成 0 个番茄
专注 25:00 已暂停
工具介绍
番茄工作法将工作切分为若干「番茄钟」:专注 25 分钟、短休 5 分钟,每完成 4 个番茄安排一次长休息。明确的时间边界把「我要工作很久」的模糊压力,变成「只需这一个番茄」的轻松起点,有效减少拖延、对抗分心。
本工具完整实现了标准番茄工作法,并支持全面自定义:专注时长、短休时长、长休时长与长休周期均可自由设置,满足 25/5/15 标准节奏或 50/10 深度工作等各类偏好。圆形进度环实时显示剩余进度,阶段结束自动切换并响起提示音,同步弹出 toast 告知当前阶段;计时基于时间戳计算,切换后台标签页后回来也精准如初。本次会话的累计番茄数实时显示,帮助你直观衡量当天的专注成果。
一切在浏览器本地运行,不联网、不上传任何数据。提示音由 Web Audio API 实时合成,无需外部音频文件,支持随时静音;点击「开始」即授权播放。
使用方法
- 在底部设置区填写专注时长、短休时长、长休时长(分钟),以及「每几个番茄后进入长休」的周期(默认 4)。
- 点击「开始」进入专注阶段,圆形进度环随时间推进;倒计时归零后自动响铃并切换到休息阶段。
- 完成指定数量的番茄后自动进入长休息;每次阶段切换均有 toast 消息提示与提示音。
- 点击「暂停」可临时中断,再次点击「开始」从当前剩余时间继续;「重置」回到初始专注阶段。
- 右侧音量图标可随时切换静音/取消静音;运行期间设置项禁用,重置后可重新调整。
常见问题
- 番茄工作法是什么?
- 一种时间管理方法:专注 25 分钟做一件事(一个「番茄」),然后短休 5 分钟,如此循环;每完成 4 个番茄安排一次较长休息。明确的时间边界有助于减少拖延、对抗分心,提高持续专注能力。
- 如何启用或自定义长休息?
- 工具默认「每 4 个番茄后进入 15 分钟长休」。在设置区修改「长休时长」和「长休周期」即可调整;若不想要长休,可将周期改为较大数字(如 99)让其实际上不触发。
- 切换后台标签页后计时还准确吗?
- 是的。计时采用 Date.now() 时间戳计算剩余秒数,即使浏览器降低了后台 setInterval 调用频率,每次恢复前台时仍能纠正到正确剩余时间,不会累积漂移。
- 提示音是怎么产生的?
- 使用浏览器内置的 Web Audio API(振荡器)实时合成双音节提示音,无需下载任何音频文件。首次点击「开始」即可授权浏览器播放;如不需要声音可点击音量图标静音。
- 数据会保存或上传吗?
- 本工具完全在浏览器本地运行,无任何网络请求。已完成的番茄数仅在当前页面会话内有效,刷新或关闭页面后重置为零。