線上碼錶

線上碼錶是一種從零開始向上計時的精密計時工具，通常支援毫秒級精度。它和倒數計時器不同：碼錶回答的是「這件事花了多久？」，非常適合運動訓練、實驗記錄、演講排練、烹飪計時、集中開發等需要追蹤耗時的情境。本工具完全在瀏覽器中執行，使用 requestAnimationFrame 實現流暢顯示更新，使用 performance.now() 進行單調時間測量，即使系統時間被調整也能保持精確。計次功能可以記錄分段成績並標示最快／最慢圈，所有資料僅保存在本機，不會上傳。

碼錶引擎完全避免了容易漂移的 setInterval 模式。它使用 requestAnimationFrame（rAF）驅動顯示更新，以 performance.now() 作為基準時間源。使用者點選「開始」時，引擎記錄當前 performance.now() 時間戳作為 startTime。在每一幀動畫中，計算 elapsed = accumulated + (performance.now() - startTime)，其中 accumulated 儲存了最近一次暫停前的累計時間。這種雙變數模型（累計時間 + 執行時增量）能夠正確處理暫停／恢復循環，不會丟失次毫秒級精度。 選擇 performance.now() 而非 Date.now() 是因為它是單調遞增的——不會因 NTP 校正、手動調整時鐘或日光節約時間切換而跳變。它還能提供次毫秒級解析度（現代瀏覽器中通常為 5 微秒粒度），使其成為短時間、高精度計時的正確選擇。rAF 回呼被限制在顯示器更新率（通常 60 Hz ≈ 16.67 ms，高更新率螢幕可達 120 Hz），因此視覺更新流暢但並非時間基準——實際經過時間來自 performance.now() 計算，始終保持正確。 計次功能在點選「計次」按鈕時捕獲當前 elapsedMs，透過與前一圈的總時間相減計算分段差值。最快和最慢圈透過 Math.min/Math.max 比較所有圈差值得出，分別用綠色和紅色標示。所有狀態儲存在 React 的 useState 鉤子中，位於客戶端元件內，不進行持久化或傳輸——碼錶本身是暫時的，關閉頁面或點選「重置」按鈕後完全清除。

• performance.now() 提供單調遞增的次毫秒級時間戳，不受系統時鐘變化影響。
• requestAnimationFrame 以顯示器更新率（60–120 Hz）驅動顯示更新，呈現流暢。
• 累計時間 + 執行時增量模型處理暫停／恢復，不損失精度。
• 計次差值透過 currentTotal - previousTotal 計算，實現精確分段計時。
• 所有計算在瀏覽器本機完成，無伺服器通訊或資料上傳。