倒計時器 — 即時顯示天/小時/分/秒
選擇目標日期和時間,逐秒顯示距離該時刻的剩餘時間。可新增自定義事件名。目標過後自動切換為「經過時間」。
選擇目標日期與時間以開始倒計時。
運作原理
工作原理
每秒透過 setInterval 觸發一次。每次取本地當前時間, 減去目標時間, 把差值拆分為天/小時/分/秒。無網路往返, 網路斷開時倒計時仍準確(只要頁面已載入完畢)。
時區使用瀏覽器認為的「本地」。設為「今日 12:00」時, 不同時區訪問者看到的是各自本地 12:00 的倒計時——都正確, 但對應不同的地球時刻。
常用場景
專案截止日(在會議室螢幕顯示倒計時)、產品釋出(公開發布前的倒數)、旅行(假期、航班、火車)、考試與認證、婚禮與紀念日、體育賽事。可選事件名讓螢幕一目瞭然。
目標時間過後, 同一顯示切換為「已經過時間」繼續累加。「最後一次事故已經過 X 天」這類 SRE 儀表盤也適用。
為什麼用倒計時而不是日曆提醒
日曆提醒在事件時刻才彈出一次。即時倒計時讓你時刻保留 peripheral 意識——適合需持續聚焦的目標。運動員隊伍、軟體團隊作戰室、馬拉松訓練螢幕都用得上。
想放在公共儀表盤上, 設定後收藏 URL。狀態保留在輸入欄位中, 重新整理會重置(共享 URL 功能在路線圖上)。
常見問題
›精度到秒級嗎?
是的——每秒更新一次, 每次都從當前時鐘重新計算, 不會累積漂移。
›使用哪個時區?
瀏覽器的本地時區。所選目標按本地時間解釋, 不是 UTC。
›斷網能繼續嗎?
可以, 頁面載入完成後定時器無需網路連線。
›可以分享給他人嗎?
目前還沒有 URL 分享。我們正在開發把目標和標題編碼到 URL 的功能。當下可截圖或螢幕錄製分享。
›目標過後會怎樣?
切換到「已經過時間」繼續向上累加。數字仍是正值, 只是標籤變了。
›可以同時多個倒計時嗎?
用瀏覽器多個標籤頁, 每個獨立。同一頁面多事件模式在路線圖上。
›切換標籤頁後還在跑嗎?
瀏覽器節流後臺 setInterval, 但回到本標籤時定時器從當前時鐘重新計算, 顯示會立即追上。
›資料會上傳嗎?
不會, 全部留在瀏覽器內。
相關工具
最後更新: