秒錶/倒計時
← ToolBox
/ 秒錶/倒計時
🌙
首頁
‹
💻 開發
‹
秒錶/倒計時
⏱️ 秒錶
⏰ 倒計時
00:00
.00
點選開始計時
▶ 開始
⏸ 計圈
↺ 重置
小時
分鐘
秒
1 分鐘
5 分鐘
10 分鐘
🍅 番茄 25 分
1 小時
30 秒
05:00
設定時間開始
▶ 開始
⏸ 暫停
↺ 重置
📊 Stopwatch
📐 工作原理與說明
秒錶與倒計時計時工具。
實現
:應以時間戳差值計算經過時間,而非累加定時器計數,避免長時間執行漂移。
秒錶
:記錄開始時刻,可多次記錄分段(lap)時間,暫停時累計已過時長。
倒計時
:設定目標時長並遞減,歸零時觸發提醒。
注意
:瀏覽器會節流後臺標籤頁的定時器,切到後臺時誤差會增大。
暫無記錄
📚 深度解析:計圈秒錶
💡 常見使用場景
記錄多段耗時。
手工測量某個流程耗時:開會計時、運動分段,或粗略評估指令碼執行時間(精確測量請用程式碼裡的計時介面)。
計圈
總 122.4s,lap1 12.3s、lap2 10.1s、lap3 100.0s。
❓ 常見問題(FAQ)
精度到多少?
通常毫秒顯示,計時依賴瀏覽器精度。
為什麼切到後臺就不準了?
因為瀏覽器會限制後臺標籤頁的定時器頻率(通常降到每秒一次甚至更低)以節省電量,秒錶若依賴 setInterval 就會出現偏差。準確做法是用
時間戳
差值(Date.now() 或 performance.now())計算,而不是累加定時器觸發次數——後者會持續累積誤差。
⚠️ 使用說明與注意事項
本工具純前端執行,資料不會上傳到伺服器
建議在主流瀏覽器(Chrome/Safari/Firefox/Edge)中使用
計算結果僅供參考,請以實際應用場景為準
🔗 相關工具
📄
.properties 解析器 - 免費開發工具,properties 解析器 | ToolBox免費線上工具箱
.properties 解析器
💻
AST抽象語法樹檢視器 - 線上解析JavaScript程式碼生成AST樹形結構,支援節點 | ToolBox免費線上工具箱
AST 抽象語法樹檢視器
🧹
CSS 壓縮/美化工具 - 免費開發工具,CSS 壓縮/格式化/美化 | ToolBox免費線上工具箱
CSS 壓縮/格式化/美化
🏋️
CSS 格式化 - 免費開發工具,線上CSS 格式化 | ToolBox免費線上工具箱
CSS 格式化
✨
Cron 表示式生成器 - 免費開發工具,線上Cron 表示式生成器 | ToolBox免費線上工具箱
⏰ Cron 表示式生成器
🏋️
GraphQL 格式化 - 免費開發工具,線上GraphQL 格式化 | ToolBox免費線上工具箱
◈ GraphQL 格式化
📖
關於「秒錶/倒計時」
▼
📝
工具簡介
Use a stopwatch and lap timer in your browser — precise timing with no install.