嵌入小工具
为您的网站免费嵌入模拟时钟。
一行 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 版权链接必须保持可见——这是新用户发现本项目的途径。