免費線上秒錶

工作原理

此秒錶完全在瀏覽器中使用瀏覽器內建的 performance.now() API——一個單調的高精度計時器——執行，由 requestAnimationFrame 迴圈驅動，每個動畫幀重繪顯示（通常每秒 60 次）。全程不涉及伺服器。

1. 1
   performance.now() 測量時間

   按下“開始”時，工具用 performance.now() 記錄一個參考點。每個動畫幀，顯示都會用當前的 performance.now() 值減去該參考點，計算經過的毫秒數——避免了反覆呼叫 setInterval 帶來的時鐘漂移問題。
2. 2
   requestAnimationFrame 驅動顯示

   數字讀數不是由固定間隔的計時器更新，而是在 requestAnimationFrame 迴圈中更新。這使顯示與瀏覽器自身的渲染流水線保持同步，因此百分秒計數平滑捲動，且觸發頻率絕不會超過螢幕重新整理率。
3. 3
   localStorage 儲存進行中的會話

   每次開始、停止或計圈時，工具都會向 localStorage 寫入一個快照——包括一個實際時鐘錨點時間戳。如果你在計時過程中重新載入頁面，秒錶會讀取該錨點，計算自寫入以來經過了多少毫秒，並從正確的時間繼續。
4. 4
   計圈匯出為製表符分隔文字或 CSV

   每一圈都儲存其分段時間（與上一圈的差值）和累計總時間。“全部複製”透過 navigator.clipboard.writeText 將製表符分隔的行寫入剪貼簿；“下載 CSV”產生帶 UTF-8 BOM 的 Blob，使檔案在 Excel 中無需匯入嚮導即可正確開啟。

相關工具