Countdown Timer

倒數日計時器

倒數到任意未來日期與時間。可分享網址、可嵌入 iframe、即時大字幕顯示。新年、婚禮、產品發布、直播 overlay 都適用。

倒數日計時器 — TL;DR

倒數到任意未來日期與時間。可分享網址、可嵌入 iframe、即時大字幕顯示。新年、婚禮、產品發布、直播 overlay 都適用。

番茄鐘和碼錶測量 相對 時間 — 「從現在起 25 分鐘」或「已經跑多久了」。倒數日計時器測量 絕對 時間 — 「距離某個特定日期和時間還剩多久」。目標時刻是固定的:重新整理頁面、明天再開,倒數仍指向同一個時刻。事件用這個;任務用 Stopwatch & Timer。

可以。點 複製分享連結、貼到任何地方 — Slack、email、貼文、部落格。網址包含完整狀態(目標時刻 + 標題),收件人打開時看到同一個倒數到同一個時刻,任何裝置都能用,免註冊。

事件標題、日期、分享連結永遠不會離開你的裝置。打開 DevTools → Network,使用過程中沒有任何對外請求。

—
天
:
—
時
:
—
分
:
—
秒

快速預設

不只是倒數秒數

為活動、直播、課堂、私人時刻打造 — 不是用來計時喝咖啡。

倒數到任意時刻

選任意未來日期與時間,可加事件標題。畫面每秒更新;天 / 時 / 分 / 秒 永遠加總為剩餘時間。

可分享的網址深連結

點 複製分享連結 取得網址,例如 ?to=2027-01-01T00:00&title=New%20Year。任何人打開連結都看到同一個倒數到同一個時刻 — 不需安裝、不需註冊。

可嵌入 iframe

在分享網址後加上 &embed=1,頁面就會去除 chrome — 適合嵌入直播 overlay(OBS、Streamlabs)、部落格文章、婚禮網站、活動頁面。<iframe src="…?to=…&embed=1">。

事件預設

一鍵預設新年、聖誕節、「7 / 30 / 100 天後」。最近用過的 10 個自訂事件會本地儲存,可一鍵重用。

零點響鈴 + 頁面閃爍

倒數歸零時,頁面播放 Web Audio 鈴聲,並閃爍頁面標題與 favicon — 切到別的分頁也看得到。

保護隱私

每次計時都在你的裝置上以 JavaScript 執行。事件標題、日期、剪貼簿動作都不會傳出。打開 DevTools → Network 可驗證沒有任何對外請求。

如何使用倒數計時器

三步驟產生可分享、可嵌入的倒數。

  1. 1

    選擇目標時刻

    點開日期+時間選擇器,挑任意未來時刻,或選一個預設(新年、聖誕節、+7 / +30 / +100 天)。可選擇填入事件標題 — 「婚禮」、「產品發布」、「期末考」 — 標題會顯示在數字上方。

  2. 2

    複製分享連結

    點 複製分享連結、貼到任何地方。網址編碼整個倒數狀態 — 朋友、家人、客戶、觀眾打開時都看到同一個倒數到同一個時刻。

  3. 3

    需要的話,嵌入它

    對直播、部落格、婚禮網站、活動頁面,在分享網址後加 &embed=1、丟進 <iframe>。Embed 模式會去除 navbar、footer 與設定 — 只留數字。

  4. 4

    long.how.step4.title

    long.how.step4.body

為大小活動而生

四種常見場景 — 在這些情況下,可分享、可嵌入的倒數比鎖屏提醒好用太多。

產品發布 / 限時銷售倒數

把倒數嵌入活動頁,訪客一眼就看到還有多久發布、限時優惠剩多久。網址深連結也適合行銷 email — 收件人點開直接看到同一個即時倒數,不用離開品牌情境。

婚禮、生日、紀念日

設定日期、加上標題、把連結分享到家庭群組。任何人打開連結都看到即時倒數 — 適合婚禮網站嵌入、save-the-date email、或單純的群組提醒,讓它在那邊一直跑。

直播段落計時

在 OBS / Streamlabs 用 &embed=1 網址當 browser source,即可在直播中顯示開播倒數、AMA 截止、抽獎結束、拍賣結束 — 觀眾把它當成播出內容的一部分。

考試 / 截止日 / 專案 review

把倒數釘在書籤列,每次開新分頁就看到秒數在跑。document title 也會顯示剩餘時間,在分頁列瞄一眼就看得到 — 溫和但持續的提醒。

100% 私密 — 在瀏覽器中運算

事件標題、日期、分享連結永遠不會離開你的裝置。打開 DevTools → Network,使用過程中沒有任何對外請求。

  • 所有倒數 tick、響鈴聲(Web Audio API)、剪貼簿寫入都在你的機器上以 JavaScript 執行 — 在頁面原始碼可以看見。
  • 已儲存事件僅放在 localStorage,不會同步到任何伺服器。
  • 無需登入、不對事件標題埋點、無第三方倒數服務。只用一個 cookie 記錄 cookie 同意狀態,以及一個 cookie 記錄語言偏好。

相關文章

為倒數、直播嵌入、活動行銷精選的實用文章。

常見問題

這個跟番茄鐘或碼錶有什麼差別?

番茄鐘和碼錶測量 相對 時間 — 「從現在起 25 分鐘」或「已經跑多久了」。倒數日計時器測量 絕對 時間 — 「距離某個特定日期和時間還剩多久」。目標時刻是固定的:重新整理頁面、明天再開,倒數仍指向同一個時刻。事件用這個;任務用 Stopwatch & Timer。

可以分享倒數給別人嗎?

可以。點 複製分享連結、貼到任何地方 — Slack、email、貼文、部落格。網址包含完整狀態(目標時刻 + 標題),收件人打開時看到同一個倒數到同一個時刻,任何裝置都能用,免註冊。

可以嵌入到我的網站或直播嗎?

可以。在分享網址後加 &embed=1、把結果丟進 <iframe> 即可。Embed 模式會隱藏 navbar、footer、設定面板和廣告 — 只留下大字幕在透明背景上。OBS / Streamlabs 的 browser source、WordPress / Squarespace 嵌入、Notion、任何符合標準的網站都能用。

倒數在數小時、數天後仍然準確嗎?

仍然準確。我們以即時的 Date.now 對絕對毫秒目標比較 — 即使筆電睡眠數小時、再回來、或切到別的分頁、瀏覽器限制 JavaScript,顯示的時間每次 tick 都從絕對目標重新計算。沒有累積飄移。

資料會傳到伺服器嗎?

不會。目標時間、事件標題、分享連結產生、響鈴播放都在你的瀏覽器內以 JavaScript 執行。最近用過的 10 個事件儲存在你裝置的 localStorage。打開 DevTools → Network 即可驗證使用過程中沒有任何對外請求。