四十行程式碼就會倒數，剩下的才是你在付錢的部分

會動的部分全部在這裡

固定截止時間的倒數，小到可以整段印出來。這一段讀進一個目標時間，每秒跳一次，把剩下的時間排成天、時、分、秒，歸零時自己停下來並換上一句話。沒有任何付費小工具會倒數得更好，因為沒有更好的可以做。

const end = Date.parse("2026-12-31T23:59:59+09:00"); // offset on purpose, see below
const el = document.getElementById("countdown");

function tick() {
  const left = end - Date.now();
  if (left <= 0) {
    el.textContent = "The sale has ended!";
    return;
  }
  const s = Math.floor(left / 1000);
  const parts = [Math.floor(s / 86400), Math.floor(s / 3600) % 24, Math.floor(s / 60) % 60, s % 60];
  el.textContent = parts.map((n) => String(n).padStart(2, "0")).join(":");
  setTimeout(tick, 1000);
}

tick();

唯一有陷阱的是第一行。那個字串帶著時區偏移，所以每位訪客等到的是同一個瞬間。少寫偏移的話，瀏覽器會照訪客自己那台機器的時間去讀，於是同一場跨年特賣在首爾和倫敦相差九個小時才結束，而且不會有人回報這是 bug，因為在每位訪客看來都很正常。

這四十行不夠用的三個時刻

自己寫不是純度測試，是一個有保存期限的判斷。過期的地方在這三處：

• 日期歸一個不做部署的人管。 行銷把上線日往後挪兩天，不該需要一個 pull request、一次建置和一次快取清除。日期改動的頻率超過程式碼的那一刻，你維護的其實是一套後台，而那正是每一個倒數計時產品裡最貴的一半。
• 它要出現在十二個頁面上。 一頁是一支 script 標籤。十二個頁面配十二個不同的截止時間，那是一個資料模型，而你發明的那個會比廠商早就做好的更難用。
• 它得撐過一次佈景主題更新。 在 Shopify 上，改過的佈景主題檔案在主題更新後得自己再貼一次。在 Wix、Squarespace 這類建站工具上，頁內 HTML 嵌入常常被關進沙箱，你的腳本根本不是跑在你自己的網域上。貼進樣板的程式碼，就是之後要再貼一次的程式碼。

還有第四個，比較安靜：倒數以外的每一件事。重複、每位訪客各自的計時、投放條件、歸零後換上別的內容、知道到底有沒有人看到。每一項都很小，加起來就是產品。

決定你帳單的那一題：廠商數不數瀏覽次數？

Elfsight 是最乾淨的例子，因為它把機制寫出來而不是藏起來。它的說明中心把單位講得很白："A view is counted each time someone loads the page with your widget." 不是互動，也不是進到畫面裡的曝光，是一次頁面載入。把計時器放進全站共用的頁首，你網站每一次瀏覽它都在計費。

失效的樣子也寫得清楚，而這正是這條軸比任何功能都重要的理由："If you exceed the view limit, the widget on your website will be deactivated. It will no longer be visible to your site visitors, appearing as though it was never installed." 拿它對照你真正想要的情況：一個流量遠超過預估的發表頁。額度是同一個應用底下所有小工具、所有網站一起共用的，同一頁上放兩個就算兩次。被瘋傳的落地頁上那個倒數，是最不適合按瀏覽次數計費的東西：它一奏效就變貴，而上限如果在週六抵達，時鐘就從那個正在扛流量的頁面上安靜地消失。

我們查看時，Elfsight 的 Single App 階梯從免費階的 200 次瀏覽起跳，往上是 5,000、50,000、150,000、300,000、600,000、1.2M，最上面的 Enterprise 階不限量。Essential 的 Shopify 應用也計量（1,000 免費，接著 10,000、50,000，最高階不限量），Common Ninja 的 Shopify 上架版本同樣如此（300 免費，接著 2,000、100,000 和 3M）。這兩家都沒有寫上限到了會怎樣，所以別假設它們跟 Elfsight 一樣，也別假設它們不一樣。

另一邊，Hextom 的上架頁和 Common Ninja 官網方案完全沒有公布瀏覽上限。Common Ninja 還把話寫進文件："Unlimited monthly pageviews on every paid plan, no view caps or throttling." 同一句話，相反的經濟模型，而且值得記住：Common Ninja 兩種模式都賣，看你從哪一道門走進去。

POWR 是例外，要用一段話講。它的倒數計時應用頁和價格頁賣的那些方案，任何地方都沒有印出瀏覽或曝光數字，所以下面表格裡它那一列才會那樣寫。不過 POWR 說明中心的一篇文章，另外用頁面瀏覽數標了第二套按用量計費的模型：每月 250 次免費，往上的級距從 2,500 一路到 50,000，後果也寫了出來："If you reach your pageviews limit, your app will be hidden on your website." 這套模型帶著三個但書，而查到那篇文章的瀏覽量上限比較三個都寫了：它是這套模型唯一的第一手來源，POWR 線上價格資料裡沒有任何一階帶著頁面瀏覽數，而新客戶現在還買不買得到這個方案並未確認。它排除掉的是另一件事：在沒問清楚你落在哪一套模型之前，不要把 POWR 歸進一口價那一類。

這片市場，照真正決勝的那條軸排開

會重來的計時器：大方地賣，沒有人提醒

這裡每一家都賣會重新開始的計時器。POWR 把 "Automatically Repeat Timer"、"Countdown Timer per Visitor" 和 "Countdown Number per Visitor" 鎖在付費階。Hextom 打的是 "one-time, auto-recurring, daily & weekly timer"，把每日、每週和循環計時器放進 Premium。Elfsight 把它的模式叫 Personal Countdown，每位訪客各有一個、跨次造訪繼續走的計時器，它的一個樣板頁還談到營造長期存在的稀缺感。Essential 從 Starter 階就給排程和循環計時器。

這裡當成一則觀察陳述，不是判決：這次看過的廠商頁面，沒有一個在這些功能旁邊放上任何關於誤導性急迫感的提醒、免責或註記。這件事重不重要，看你和你所在司法管轄區。機械上的部分比較單純：每位訪客各自的計時器住在瀏覽器儲存空間裡，訪客清掉它或開一個無痕視窗就會拿到全新的截止時間，那就不是真的截止時間了。BootSignal 的倒數收一個時間戳，然後倒數到它，所有看著這一頁的人看到的是同一個數字。

一口價從安裝那一側看起來是什麼樣

產生上面那個的是兩行：一支載入器，放上頁面一次，之後你加的每一個小工具都由它服務；還有一個掛載元素，放在時鐘該在的位置。倒數不收 thread id，因為它不替頁面存任何東西。

<script src="https://bootsignal.com/bootsignal.js"
        data-site-id="YOUR_SITE_ID" data-lang="zh-tw" defer></script>

<div data-bootsignal="countdown" data-target="2026-12-31T23:59:59"
     data-expired="The sale has ended!"></div>

關於那支載入器標籤有兩點要說，畢竟代管小工具就意味著要向別人的 CDN 發一次請求，裝作沒有這回事是耍賴。它帶著 defer，所以從來不會拖住繪製；而且不管你掛幾個小工具，它始終只有一支腳本，不是一個小工具一支標籤。上面那四十行則一次請求都不會多，這對一個你正在死命調校的落地頁來說，是把它們留在原地的正當理由。

你本來要手寫的樣式，在這裡是屬性的活：明暗用 data-theme，讓數字跟上你的配色用 data-accent，它吃任何 CSS 色彩；介面語言用 data-lang，可選韓文、英文、日文、簡體中文和繁體中文。到期之後怎麼辦，答案是 data-expired：數字原地換成那句話，而不是元素消失、版面跟著跳。價格是一個註冊網域每月 $20 或每年 $200，小工具全包，要更多網域就到控制台另外買。流量突然衝高不會出現在帳單上，也關不掉這個時鐘。

Shopify 是另一條走道，而且比看起來窄

截止時間如果該落在商品頁上，那些平台應用值錢的地方是版位，不是時鐘。Essential 涵蓋商品頁、頂欄、落地頁、購物車和郵件計時器，中間階加上地區投放和標籤投放，公開紀錄也是這次看過最硬的：1,607 則評價拿到 5.0。Hextom 是同一個想法比較便宜的形狀：兩階、不計量、Premium 可以同時開不限量的長條，地區投放接的是 Shopify Markets 而不是另一套資料庫。兩家都經由 Shopify 收費，所以不用再開第二個廠商帳號。

要付的代價很明顯。這兩家對 WordPress、Webflow、Squarespace 或純 HTML 網站都幫不上忙，所以一間商店加一個行銷網站就是買兩次。Essential 到最高階之前都在計量，Hextom 完全不計量。另外請把這裡當成入圍名單而不是全面掃描：Shopify 的倒數計時類別大得多，這兩個是挑出來的活躍高評價代表。商店端的安裝細節在 Shopify 倒數計時器指南，建站工具那邊的對應版本是 Webflow 倒數計時器指南。

大約五分鐘就能決定

1. 一個截止時間、一個頁面，而且你自己會部署。把那四十行寫下來，時間戳記得帶時區偏移。做完了，而且它是你的。
2. 日期歸別人管。買一套編輯器。你付的錢就是為了它，所以要秤的是後台，不是數字。
3. 這一頁可能拿到你估不出來的流量。把所有會計量的都排除，或者現在就照不限量那一階算錢，把便宜的那階當成不存在。
4. 這是一間商店，而且你要商品頁加頂欄的版位。從 Shopify 應用開始，那裡版位才是真正的產品。
5. 這個倒數是同一個網站上的第三或第四個小工具。別再單獨算倒數的價格，改算總價。按應用計費的階梯加起來很快，這也正是套裝和全包訂閱存在的理由。

不管你走哪一條，刷卡之前有四件事值得在廠商頁面上讀完，因為它們正好是比較表會壓平的東西：廠商怎麼定義一次瀏覽、撞到上限會發生什麼、螢幕上這個價格是不是促銷、拿掉廠商品牌標記算不算付費功能。這四個答案改變這一頁排序的程度，超過任何一張功能清單。