免费

嵌入组件

只需一行 HTML，即可将实时倒计时添加到任何网站。

无需后端。基础嵌入无需注册。复制 iframe 代码并粘贴到您的网站—— 支持 WordPress、Webflow、Squarespace、Notion 或任何支持 HTML 的平台。

组件类型

事件倒计时

倒计时到特定日期和时间。显示天、时、分、秒。

产品发布、活动注册页面、节日倒计时。

?type=event&title=发布&date=2026-12-31T00:00:00Z

时长计时器

从固定时长开始倒计时。归零时播放提示音。

会议计时器、课堂活动、运动间歇、番茄工作法。

?type=countdown&duration=1500&title=专注时段

间歇计时器

自动循环交替的工作和休息时段。

HIIT 训练、Tabata 训练、结构化课堂。

?type=interval&work=45&rest=15&rounds=8

URL 参数

参数	类型	默认值	说明
type	enum	countdown	countdown, event, interval
title	string	—	显示在计时器上方的标题
duration	integer	—	秒数（countdown 类型）
date	ISO8601	—	目标日期时间（event 类型）
work	integer	—	工作间隔秒数（interval 类型）
rest	integer	—	休息间隔秒数（interval 类型）
rounds	integer	—	循环次数（interval 类型）
theme	enum	light	light, dark, auto
color	hex	6C63FF	主题色，不带 #
lang	string	en	en, zh, ja, es, fr, de, ko
show_title	boolean	1	显示/隐藏标题
show_date	boolean	1	显示目标日期（仅 event 类型）
show_brand	boolean	1	显示 Castimer 品牌标识（0 = 仅 Pro）
tz	string	UTC	时区（IANA 格式，如 Asia/Taipei）
alarm	boolean	1	归零时播放提示音

嵌入生成器

在下方配置您的组件，然后复制生成的代码。

想要更直观的体验？试试我们独立的嵌入生成器工具支持实时预览和高级选项。

计时器类型

标题

时长

主题

主题色

#6C63FF

语言

显示品牌标识

实时预览

HTML

<iframe
  src="/widget?type=countdown&duration=300&theme=light&color=6C63FF&lang=zh&show_brand=1"
  style="width:100%;max-width:400px;height:400px;border:none;border-radius:12px;"
  title="Castimer Widget"
  loading="lazy"
></iframe>

自定义

主题

三种内置主题。通过 theme 参数设置。

浅色

深色

自动

自定义颜色

<!-- 紫色主题 -->
<iframe src="/widget?type=countdown&duration=300&color=6C63FF" ...></iframe>

<!-- 青色主题 -->
<iframe src="/widget?type=countdown&duration=300&color=1D9E75" ...></iframe>

隐藏品牌标识（Pro）

设置 show_brand=0 移除 Castimer 水印。需要 Pro 或企业版计划。

<iframe src="/widget?type=countdown&duration=300&show_brand=0" ...></iframe>

示例

5 分钟会议计时器

<iframe
  src="/widget?type=countdown&duration=300&title=会议计时器&theme=light"
  style="width:100%;max-width:360px;height:360px;border:none;"
  title="5 分钟会议计时器"
></iframe>

圣诞节倒计时

<iframe
  src="/widget?type=event&title=圣诞节&date=2026-12-25T00:00:00Z&tz=Asia/Shanghai&theme=dark"
  style="width:100%;max-width:360px;height:360px;border:none;"
  title="圣诞节倒计时"
></iframe>

Tabata 间歇计时器

<iframe
  src="/widget?type=interval&work=20&rest=10&rounds=8&title=Tabata&theme=light"
  style="width:100%;max-width:360px;height:360px;border:none;"
  title="Tabata 计时器"
></iframe>