嵌入小工具

为您的网站免费嵌入模拟时钟。

一行 HTML 代码即可完成。适用于博客、课堂页面、仪表板、直播、Notion 嵌入及内部工具。自定义下方时钟,然后将代码粘贴到任意允许 HTML 的地方。

实时预览

自适应大小的 iframe,内置归属链接。

调整窗口大小,查看嵌入时钟如何自适应。

复制并粘贴

两种嵌入方式,选择适合您平台的方式。

<div style="display:inline-block;text-align:center">
  <iframe src="https://analogueclock.com/embed/clock?face=classic&theme=auto&seconds=1&smooth=1" width="360" height="360" style="border:0;background:transparent;display:block" loading="lazy" title="Analogue clock by AnalogueClock.com"></iframe>
  <a href="https://analogueclock.com/?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener" style="display:block;margin-top:4px;font:400 11px/1.4 system-ui,sans-serif;color:#888;text-decoration:none">Analogue clock by AnalogueClock.com</a>
</div>

适用于任何允许 HTML 的地方。固定像素尺寸。

适用场景

教室白板

在智能白板或班级网站上展示清晰的模拟时钟。

直播画面叠加

通过 OBS 浏览器源,在直播画面角落添加时钟。

会议室大屏

在大厅屏幕、仪表板和办公展示屏上显示本地时间。

个人博客

为学习页面、主页或侧边栏添加一个简洁的时钟小部件。

WordPress 插件即将上线

嵌入脚本专为未来的短代码插件设计:在 WordPress 中选择表盘样式,保留归属链接的同时渲染相同小部件。

OBS 浏览器源

主播可将 iframe URL 粘贴到 OBS 浏览器源中。专属直播叠加层指南将基于同一端点构建。

使用条款

嵌入时钟免费用于个人、课堂及商业用途。角落的 analogueclock.com 版权链接必须保持可见——这是新用户发现本项目的途径。