倒计时插件贵的地方，不是那个时钟

整个会动的部分就这么多

固定截止时间的倒计时，小到可以整段印出来。这一段读一个目标时间，每秒跳一次，把剩下的时间排成天、时、分、秒，到零就自己停下并换成一句话。没有哪个付费小部件能比它数得更好，因为没有更好的可选。

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-cn" 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. 倒计时是同一个站点上的第三或第四个小部件。别再给倒计时报价了，给总数报价。按应用分的档位加起来很快，打包和全包订阅就是因此存在的。

不管走哪条路，掏卡之前有四件事值得在厂商页面上读一遍，因为它们恰好是对比表会抹平的：厂商怎么定义一次浏览，撞到上限时会发生什么，屏幕上那个价是不是促销价，以及去掉厂商品牌标识是不是付费功能。这四个答案改变本页排序的力度，比任何功能清单都大。