倒數計時器
建立倒數計時，支援自訂時間和提醒
設定時間
什麼是線上倒數計時器？
線上倒數計時器是一個免費的瀏覽器工具，從你設定的時間開始倒數，歸零時響鈴提醒。設 25 分鐘做番茄鐘、6 分鐘煮半熟蛋、45 分鐘模擬考試--只要是需要限時的任務都能用。比起反覆看錶，倒數計時器讓你把注意力完全放在手邊的事情上，時間到了鈴聲自然會叫你。不用下載，不用註冊，所有資料都在瀏覽器裡，不會上傳。
使用方式
使用方法
- 輸入時、分、秒，或直接點選預設時間
- 點選「開始」啟動倒數，點選「暫停」可暫停
- 接近結束時顯示變黃，最後 10 秒變紅
- 倒數歸零時播放提示音
計時須知
- 當分頁在背景、裝置進入休眠或啟用省電模式時，瀏覽器計時器可能會暫停或產生誤差。
- 用於會議、考試或正式作業時，請以系統時鐘或專用計時器為最終參考。
使用場景
技術原理
這個倒數計時器不靠 setInterval 數秒--那種方式會累積誤差，因為瀏覽器的事件迴圈只保證最小延遲，不保證固定節奏。實際做法是：用 Date.now() 記錄開始時間，每一幀重新計算剩餘時間 = 目標時長 − (Date.now() − 開始時間)。這種自校正的設計意味著即使 JavaScript 執行緒偶爾忙於垃圾回收或版面配置，顯示的時間依然準確。
畫面更新由 requestAnimationFrame 驅動，跟螢幕更新率同步（通常是每秒 60 次，高更新率螢幕 120 次）。畫面流暢，但真正的計時靠的是 Date.now() 計算--動畫只管顯示，不管計時。
分頁切到背景後，瀏覽器會大幅限制計時器。隱藏的分頁，setInterval 可能被壓到每秒最多執行一次，非活躍分頁在電池供電幾分鐘後甚至會被完全凍結。計時器在分頁重新可見時立刻用系統時鐘校準，顯示直接跳到正確的剩餘時間。結束提示音透過 Web Audio API 播放一個短促的音調。這需要使用者先有一次互動（例如點選開始按鈕），這是瀏覽器的自動播放政策，防止網頁未經允許就發出聲音。如果分頁被隱藏或系統處於休眠狀態，提示音不會響，但回到頁面時顯示會立即更新到正確的時間。
- 用 Date.now() 追蹤牆上時鐘時間--每幀重新計算剩餘時間，不靠 setInterval 累積計數。
- requestAnimationFrame 將顯示更新同步到螢幕更新率，畫面流暢。
- 背景分頁被瀏覽器限流，切回時用系統時鐘校準，顯示立刻跳到正確時間。
- Web Audio API 播放提示音，需要使用者先有一次互動（如點選開始）才能啟用音訊。
- 所有計算在瀏覽器本機完成，不向任何伺服器傳送資料。
範例
番茄鐘工作區段（25 分鐘專注 + 5 分鐘休息）
時長 ：00 : 25 : 00
開始 ：14:00:00
結束 ：14:25:00（響鈴）
下一步：5 分鐘休息計時（預設）做菜 -- 半熟蛋（6 分 30 秒）
設定 ：00 : 06 : 30
剩 1:00 -> 視覺警示標出剩餘時間
剩 0:00 -> 響鈴 + 頁面橫幅：倒數計時結束！考試監考 -- 45 分鐘作答時段
時長：00 : 45 : 00
開始：09:15:00
結束：10:00:00
提示：讓分頁保持在前景--背景分頁可能限制 setInterval，
45 分鐘內可能誤差數秒。常見問題
切換到其他分頁後倒數還會繼續嗎？
會。計時器用系統時鐘追蹤時間，不是靠動畫幀計數。切回來的時候，顯示會立刻跳到正確的剩餘時間。
分頁在背景時提示音還會響嗎？
看瀏覽器和裝置。有些瀏覽器為了省電會限制背景分頁的音訊播放。如果提示音很重要，讓計時器分頁保持可見，或者單獨開一個視窗。
電腦進入睡眠後會怎樣？
計時器用系統時鐘計時，所以睡眠期間時間也是準的。喚醒後顯示會自動追上。但系統暫停期間提示音不會響。
計時器的精度有多高？
顯示每秒更新一次，但內部用毫秒級時間戳。日常使用--做菜、開會、健身--精度完全夠用。背景分頁因為瀏覽器限流，精度會有所下降。
可以儲存預設時長嗎？
頁面內建 5 分鐘、10 分鐘、25 分鐘、45 分鐘的快速預設按鈕。其他時長直接在時、分、秒欄位輸入即可。
日光節約時間會影響倒數計時嗎？
不會。計時器算的是經過的秒數，不是日曆時間。設 2 小時倒數，不管日光節約時間怎麼調，到點就是 2 小時後。
有任何資料會上傳嗎？
不會。計時器完全在瀏覽器裡執行，計時資料不會離開你的裝置。