🍅 在线番茄钟

经典 25 / 5 / 15 节奏,开始、暂停、重置与完成计数,全部在浏览器本地运行。

工作时间
25:00
完成番茄:0

番茄钟完整使用指南

本页实现经典番茄节奏的三种固定时长:工作 25 分钟、短休息 5 分钟、长休息 15 分钟(代码中为 times.work/short/long 秒数)。主按钮在「开始 / 暂停 / 继续」之间切换;「重置」会停表并恢复当前模式的完整时长。只有在工作模式倒计时结束时,「完成番茄」计数才会 +1。结束后会尝试播放内嵌 WAV 提示音,并弹出 alert 文案。它适合强制分段专注,不提供自定义分钟与历史统计报表。

控件说明

推荐用法

  1. 开始前先写清这一轮只做一件事,再点「工作 25分」→「开始」。
  2. 中途被打断可点「暂停」;处理完点「继续」。
  3. 工作结束出现「休息一下!」后,改选「短休 5分」或「长休 15分」。
  4. 连续多个番茄后,用页面上的完成数做粗略产出记录(注意刷新会丢)。
  5. 若需要严格统计全天番茄,请另外记录,因本页不持久化 count。

适用场景

边界与限制

常见问题

可以改成 50 分钟吗?

当前版本不行,只能三档固定模式。

短休结束会计入完成番茄吗?

不会。代码判断 if (mode === "work") count++,休息模式结束只提示「继续工作!」。

暂停和重置有什么区别?

暂停保留剩余时间;重置回到该模式的完整时长并停止。

切换模式会怎样?

会清掉正在跑的 interval,把剩余时间设为新模式全长,按钮回到「开始」。

没声音正常吗?

正常。很多浏览器限制无手势自动播放音频;请以弹窗提示为准,或保持页面在前台并先手动点过开始。

完成后计数刷新还在吗?

不在。完成数只存在内存变量 count,刷新页面会归零;主题设置才会写入 localStorage。

实操建议与常见误区

一轮开始前先关掉无关标签页,只保留当前任务材料。若你频繁点暂停,说明任务粒度可能过大,先拆成更小步骤再开 25 分钟。长休适合连续完成多个工作番茄后使用;不要在短休里继续回消息而拖成“假休息”。提示音被拦截时,请以弹窗文案为准,不要以为程序没结束。后台标签页可能被浏览器节流,关键倒计时建议保持页面前台。

和待办、习惯如何搭配

番茄钟本身不记录任务名。更稳妥的方式是:待办里写清本轮目标 → 开始 25 分钟 → 结束后勾掉对应待办。若目标是“每天写 2 个番茄”,请另用习惯追踪或手帐记录,因为本页的完成数刷新即消失。