Embed

Embeddable clocks

Drop a live clock into another site with an iframe. Choose a style, optional timezone, and background. Please keep a visible credit link to time.foo.

Styles

digital

text

minimal (dark)

Snippet

<iframe src="https://time.foo/embed/clock/?style=digital" width="320" height="120" style="border:0;border-radius:12px;overflow:hidden" loading="lazy" title="Live clock from time.foo"></iframe>
<p style="font-size:12px">Clock by <a href="https://time.foo/">time.foo</a></p>

Style Theme Timezone (IANA)

Query parameters

style — digital | text | minimal
theme — light (default) | dark
tz — IANA (default: visitor’s local zone)
bg — CSS color for background (optional)

Attribution: we ask that you keep a text link to https://time.foo near the widget. Embed frames allow framing via CSP frame-ancestors * on /embed/* only.