Free Clock Embed Generator for Any City
Create a live clock for a city or time zone and copy the iframe code for your website, school, office, church or livestream page.
How to add a live clock to your website
Search for the city or time zone you want your visitors to see. The clock automatically follows that place's daylight saving rules.
Choose the clock style, colour, time format, date, seconds, width and height. The preview changes as you work.
Copy the iframe code and paste it into a custom HTML block on your website, school page, office dashboard, church site or livestream page.
Need several cities together? Add them to the world clocks on the ClockDen home page.
A clock widget for practical displays
It works on a classroom screen, an office dashboard that tracks a few cities, a church or club website, a blog sidebar or the info screen of a livestream. Set it up with the controls above and make it as small or as large as the space needs.
Under the hood, the widget follows the IANA time zone you pick, not a fixed UTC offset. That's what matters in March and November: when the city changes its clocks, the widget changes with it, and you never have to swap the embed code.
Frequently asked questions
Can I put this clock on my website for free?
Yes. Create the clock you want, copy the iframe code and paste it into a page that accepts custom HTML. No account is needed.
Does the embedded clock update automatically?
Yes. It runs in the visitor's browser and updates every second when seconds are enabled. The selected city keeps the correct daylight saving time automatically.
Will the clock work on phones?
Yes. The embed code uses a responsive maximum width. Choose a compact height for narrow sidebars or a larger size for a classroom, office dashboard or livestream page.
Can I change the colours and clock style?
Yes. Choose a light or dark background, an accent colour, a digital or clean font, 12 or 24 hour time, and whether to show seconds and the date.
Does the embedded clock contain advertisements?
No. The small embedded clock is a clean clock only. It includes a discreet ClockDen link so visitors can open the full time page.