Embed a Clock on Your Website

Configure a clock, check the live preview, and paste the HTML into your site.

Clock type

Width (px)

Height (px)

Theme

Time format

Show seconds

Preview

HTML code

<iframe src="/en/embed/digital?theme=light&format=24h&seconds=1" width="480" height="200" title="oClock" style="border:0" loading="lazy"></iframe>

Add a live clock to your website

Choose a clock type, size, theme and time format, then copy the HTML and paste it into your page. The clock runs in an iframe and shows each visitor their own local time. It needs no account, API key or build step.

How to embed a clock

Choose a digital, flip or analog clock.
Set the width and height in pixels.
Choose the theme, time format, and whether to show seconds.
Check the live preview, then press Copy HTML.
Paste the code into your page's HTML. Most website builders have an "HTML" or "Embed" block for this.

Tips

A digital clock with seconds fits well at about 480 × 200.
Flip clocks look best when they are wide, about 600 × 220.
An analog clock needs a square, such as 300 × 300.

The widget loads lazily and doesn't set any cookies or read anything from your page. It includes a small text link to oClock.

Frequently asked questions

Is the widget free?

Yes, including on commercial websites.

Whose time zone does it show?

Each visitor's own local time, based on their device.

Does it work on any website?

It works wherever you can add an iframe. A few hosted platforms restrict iframes on free plans, so check your platform's settings if it does not appear.