多計時器
同時執行多個倒數計時,各自獨立開始、暫停、重置
什麼是多計時器?
多計時器讓你在一個螢幕上同時執行多個倒數計時,每個都有獨立的時長和控制。烤肉設一個、米飯設一個、甜點再設一個——可以一起開始,也可以一個個來,隨時暫停其中任何一個,哪個先到點就先響鈴提醒。這就像把一顆雞蛋計時器升級成能看顧整個爐台的助手。不用安裝 App,不用註冊帳號,所有計時都在瀏覽器分頁裡完成,資料不會離開你的裝置。
使用方式
使用方法
- 點選「新增計時器」,輸入分鐘和秒數
- 每個計時器相互獨立,可單獨開始、暫停、重置
- 任意計時器歸零時都會播放提示音
- 點選 × 可移除不再需要的計時器
計時須知
- 當分頁在背景、裝置進入休眠或啟用省電模式時,瀏覽器計時器可能會暫停或產生誤差。
- 如果提示音很重要,讓本分頁保持可見——部分瀏覽器會為了省電而將背景分頁靜音。
使用場景
技術原理
每個計時器都儲存為獨立的狀態物件,記錄總時長、剩餘時間和執行旗標。啟動一個計時器時,頁面用 Date.now() 記下那一刻和啟動時的剩餘時長,之後每次更新都按 剩餘 = 啟動時剩餘 − (Date.now() − 啟動時間) 重新計算。這樣能自校正:即便瀏覽器臨時限流或 JavaScript 執行緒正忙,顯示的時間依然準確,因為每次計算讀的都是真實的系統時鐘,而不是靠數幀。 一個共享的迴圈驅動所有正在執行的計時器,所以加再多計時器也不會成倍增加 CPU 負擔——一次走訪就能更新全部。分頁切到背景後,瀏覽器會大幅限制計時器,電池供電時甚至可能凍結;分頁重新可見的瞬間,每個計時器都按系統時鐘校準,直接跳到正確的剩餘時間。 結束提示音透過 Web Audio API 播放一個短促的音調。瀏覽器要求使用者先有一次互動(例如點選開始)才能允許音訊播放,這是自動播放政策,防止網頁未經允許發聲。如果計時器結束時分頁被隱藏或系統處於休眠,提示音不會響,但回到頁面時顯示仍是正確的。這一切都在本機完成,不向任何伺服器傳送計時資料。
- 每個計時器是獨立的狀態物件,各有自己的開始時間和剩餘時長。
- 用 Date.now() 追蹤牆上時鐘時間——每次更新重新計算剩餘時間,不靠 setInterval 累積計數。
- 一個共享迴圈驅動所有執行中的計時器,加計時器不會成倍增加 CPU 負擔。
- 背景分頁被瀏覽器限流,切回時用系統時鐘校準,顯示立刻跳到正確時間。
- Web Audio API 播放每個提示音,需要使用者先有一次互動(如點選開始)才能啟用音訊。
- 所有計算在瀏覽器本機完成,不向任何伺服器傳送資料。
範例
週日烤肉 —— 三道菜同時做
計時 1:01:30:00(烤肉) -> 響鈴
計時 2:00:25:00(米飯) -> 響鈴
計時 3:00:12:00(醬汁) -> 響鈴
先啟動烤肉,米飯和醬汁晚點再啟動,讓三道菜同時出爐。HIIT 循環(30 秒訓練 / 15 秒休息 x 4)
計時 A:00:30(訓練) -> 響鈴
計時 B:00:15(休息) -> 響鈴
計時 C:00:30(訓練) -> 響鈴
計時 D:00:15(休息) -> 響鈴
讓分頁保持可見,確保每次提示音準時響起。考試分段 —— 閱讀、寫作、檢查
計時 1:00:15:00(閱讀)
計時 2:01:30:00(寫作)
計時 3:00:10:00(檢查)
上一段結束就啟動下一段,三段在一個螢幕上看全。常見問題
最多能同時執行幾個計時器?
沒有硬性上限,只要螢幕放得下就儘管加。每個計時器獨立計時,加再多也不會拖慢已經在跑的那些。
切換分頁後計時還準嗎?
準。每個計時器都用系統時鐘計時,不靠計數幀,所以分頁在背景時時間依然正確。切回來的瞬間顯示就會追上。
多個計時器同時結束,每個提示音都會響嗎?
每個計時器歸零時都會各響一次。如果同時開了很多個,記得讓分頁保持可見、開啟聲音,別漏掉某一個——背景分頁的音訊可能被瀏覽器限制。
能只暫停其中一個,不影響其他嗎?
能。每個計時器都有獨立的開始、暫停、重置按鈕。暫停一個,其餘的照常執行。
電腦進入睡眠後會怎樣?
計時器用系統時鐘追蹤經過的時間,所以睡眠期間也準,喚醒後顯示自動追上。但系統暫停期間提示音不會響,回到頁面時顯示仍是正確的。
這和單一倒數計時器有什麼不同?
單一倒數計時器一次只追一個截止時間;多計時器同時追好幾個——適合多道菜同煮、間歇訓練分組、考試或活動分多段同時計時的情境。
有任何資料會上傳嗎?
不會。所有計時完全在瀏覽器裡執行,你設定的任何內容都不會上傳。