易口袋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