Stopwatch & Timer

碼錶 & 計時器

碼錶、倒數計時器、番茄鐘三合一。毫秒精度、鬧鈴、瀏覽器通知、網址深連結 — 全部在瀏覽器內運算。

非常準。我們以 performance.now 高解析度單調時鐘為時間基準,並用 requestAnimationFrame 驅動畫面渲染。連續執行 8 小時,飄移仍在 100 毫秒內;對運動、科學、音樂等次秒級需求,顯示的百分秒可比擬手機上的碼錶 App。

會。我們從單調時鐘 (performance.now) 計算當前時間,即使瀏覽器在隱藏分頁裡限制 JavaScript 執行,時間到的事件仍會觸發,經過時間在切回時也是正確的。鬧鈴會在你切回分頁時立即播放;系統通知則會立即顯示,不受分頁是否在前景影響。

00:00.00

Lap 紀錄

碼錶運行中按下 Lap(或 L 鍵)即可記錄一個分段時間。

聲音與通知

鍵盤:Space = 開始/暫停 • R = 重設 • L = Lap

為專注、烹飪、教學與直播打造

三種模式、毫秒精度,加上幾個關鍵小細節讓使用體驗到位。

三種模式合一

碼錶、倒數計時器、番茄鐘共用同一個大字幕顯示。一鍵切換,各模式各自保留狀態與 Lap 紀錄。

毫秒精度,零飄移

以 performance.now 單調高解析度時鐘為基準,不受系統時間調整或分頁節流影響。連續執行 8 小時,飄移仍在 100 毫秒以內。

鬧鈴 + 瀏覽器通知

結束時播放 Web Audio 嗶聲 / 鈴聲 / 鐘聲,並透過系統通知,讓你切去其他分頁也能收到提醒;頁面標題與 favicon 也會閃爍。

Lap 雙欄(單圈 + 累計)

碼錶可記錄無限次 Lap,同時顯示單圈時間與累計時間 — 適合間歇訓練、競速練習、單擺實驗。

全螢幕 + 網址深連結

一鍵全螢幕,適用教室、直播、活動。分享 `/?t=300` 即可開啟 5 分鐘倒數 — 完全免設定。

保護隱私

每次計時都在你的裝置上以 JavaScript 執行,任何計時事件、Lap、番茄鐘進度都不會傳出。打開 DevTools → Network 即可驗證沒有任何對外請求。

如何使用碼錶與計時器

同一個大字幕顯示,四種使用方式。

  1. 1

    選擇模式

    點選頂端的 碼錶倒數、或 番茄鐘。各模式各自保留狀態 — 切回去時會接續上次的進度。

  2. 2

    碼錶 + Lap

    按下 開始(或 Space 鍵)以毫秒精度從 0 計時。按 Lap(或 L 鍵)記錄分段 — 下方表格同時顯示單圈時間與累計時間。重設 會清除全部紀錄。

  3. 3

    倒數計時器

    在輸入框輸入時間長度 — 例如 5m1h 30m25:00,或單純打 10 表示 10 分鐘 — 按 設定。或直接點任一快速預設。按 開始 開始倒數,結束時頁面會響鈴、標題閃爍,並(若有授權)顯示系統通知。

  4. 4

    番茄鐘專注時段

    選擇預設(預設 25 / 5 / 15)或自訂專注 / 短休 / 長休的分鐘數與輪數。計時器會自動依「專注 → 短休 → 專注 → …」前進,設定的輪數結束後自動切換為長休息。底部的計數器顯示今日已完成的專注輪數。

大家都拿它來做什麼

四種最常見的場景 — 在這些情況下,瀏覽器內計時器比手機或廚房計時器更好用。

番茄鐘 / 深度工作

用 25 分鐘專注 + 5 分鐘短休息阻擋干擾。瀏覽器通知讓你切去其他分頁也不會錯過,輪數計數器顯示今天已完成幾輪專注。

烹飪、烘焙、泡茶

水煮蛋(6 分鐘)、麵糰發酵(1 小時)、泡茶(3 分鐘)、烤餅乾(12 分鐘)。一鍵預設涵蓋廚房最常見的時間長度。

HIIT 間歇訓練 / 演講練習

碼錶 + Lap 適合衝刺組合;倒數適合 Tabata 20 秒 / 10 秒;TED 演講上限 18 分鐘 — 設定倒數後練習,鬧鈴會準確告訴你超時了。

教室、直播、活動計時

把全螢幕投影到電子白板,讓全班看到剩餘時間。分享 `?t=45m` 連結讓學生在 Chromebook 上同步倒數;或把深連結嵌進直播 OBS,做拍賣 / 抽獎倒數。

100% 私密 — 在瀏覽器中運算

計時事件、Lap 紀錄、番茄鐘進度永遠不會離開你的裝置。打開 DevTools → Network,你會看到使用過程中沒有任何對外請求。

  • 所有計時、鬧鈴聲(Web Audio API)、Lap 紀錄都在你的機器上以 JavaScript 執行 — 在頁面原始碼可以看見。
  • 瀏覽器通知透過標準的 Notification.requestPermission 流程取得授權;我們除了你本地儲存的設定外,不會儲存任何資訊。
  • 無需登入、不對計時值埋點、無第三方 API。只用一個 cookie 記錄 cookie 同意狀態,以及一個 cookie 記錄語言偏好。

相關文章

為專注、生產力、瀏覽器時間精度精選的實用文章。

常見問題

這個計時器準嗎?

非常準。我們以 performance.now 高解析度單調時鐘為時間基準,並用 requestAnimationFrame 驅動畫面渲染。連續執行 8 小時,飄移仍在 100 毫秒內;對運動、科學、音樂等次秒級需求,顯示的百分秒可比擬手機上的碼錶 App。

切到其他分頁時計時器還會繼續嗎?

會。我們從單調時鐘 (performance.now) 計算當前時間,即使瀏覽器在隱藏分頁裡限制 JavaScript 執行,時間到的事件仍會觸發,經過時間在切回時也是正確的。鬧鈴會在你切回分頁時立即播放;系統通知則會立即顯示,不受分頁是否在前景影響。

番茄鐘工作法是什麼?

番茄鐘是 Francesco Cirillo 在 1980 年代末發明的時間管理法:25 分鐘專注 + 5 分鐘短休息為一輪,每四輪後進入 15–20 分鐘的長休息。固定節奏可降低決策疲勞,並符合大腦自然的 ultradian rhythm 節律。我們預設為 25 / 5 / 15、4 輪一長休 — 全部可自訂。

可以分享計時器連結嗎?

可以。在網址後面加 `?t=` 加任意時間長度,例如 `https://timer.ikit.app/?t=300` = 5 分鐘倒數,`?t=25m`、`?t=1h30m` 也都可以。`?stopwatch=1` 直連碼錶,`?pomodoro=1` 直連番茄鐘。可以加書籤、嵌入課程教案,或貼到聊天室。

資料會傳到伺服器嗎?

完全不會。計時器、鬧鈴聲、Lap 紀錄、番茄鐘狀態、通知全部都在瀏覽器內進行,任何計時資訊都不會傳出。可以打開 DevTools → Network 驗證,使用過程中沒有任何對外請求。我們只用一個 cookie 記錄你的同意狀態,以及一個 cookie 記錄語言偏好。