Embeddable Clock Widget
Add a live, self-updating clock to your own site. Pick a city, a theme, and a size, then copy the code — no sign-up, no API key.
Live preview
How it works
The widget is a small, self-contained page that runs entirely in the visitor's browser — it reads the current time from their device and formats it for whichever city or time zone you choose, using the same IANA time zone data every browser ships with. Nothing is tracked and nothing is sent to a server beyond loading the page itself.
Paste the generated <iframe> tag anywhere your site accepts HTML — a page footer, a sidebar, a blog post, or a community forum signature. The clock keeps ticking on its own; there's nothing to refresh or maintain.
Adding the clock to your site
Build the clock above, press Copy code, then paste the <iframe> into any spot on your site that accepts HTML. On the most common platforms:
- WordPress: add a Custom HTML block to a post, page or widget area and paste the code.
- Squarespace: add a Code block and paste the code.
- Wix: add an Embed code (HTML iframe) element and paste the code.
- Google Sites: choose Insert → Embed → Embed code and paste the code.
- Blogger: add an HTML/JavaScript gadget to your layout and paste the code.
Once it is on the page, the clock runs by itself. There’s nothing to update when daylight saving time starts or ends.
Showing a city that isn’t in the list
Choose Custom time zone and enter an IANA time zone name, the standard identifiers every browser understands. They take the form Region/City: for example Asia/Kathmandu, America/Halifax or Australia/Perth. Then set the label to whatever you want visitors to see, such as your office name or “Our studio in Lisbon.”
Ideas for using it
- Remote teams and agencies: show each office’s local time on your contact page so clients know when to expect a reply.
- Travel and event sites: show the destination’s current time next to your itinerary or schedule.
- Online classes and streams: put your local time beside your timetable so viewers in other countries can work out when you are live.
Need a live comparison for several places at once? Link visitors to the world clock or the meeting planner.
Frequently asked questions
Is the widget really free?
Yes. There's no account, API key, or usage limit. It's a static page that reads your visitor's local clock and formats it for the time zone you picked.
Will it slow down my site?
It loads in an iframe, so it can't block or interfere with the rest of your page, and the widget itself is a single lightweight HTML file with no images or heavy scripts.
Can I change the size after embedding?
Yes — edit the width and height attributes on the <iframe> tag directly, or come back here and regenerate the code with a different size preset.
Does the clock account for daylight saving time?
Yes. It uses the same IANA time zone database as the rest of WatchTime Online's tools, so the offset updates automatically when a region enters or leaves daylight saving.
Which website builders support the widget?
Any platform that lets you paste HTML or an iframe, including WordPress, Squarespace, Wix, Google Sites and Blogger. If your platform only accepts a URL, paste the address inside the iframe’s src attribute instead.
Can I show clocks for several cities?
Yes. Generate a code for each city and paste the iframes next to each other. Each clock runs independently.
Do I need to update the widget when the clocks change?
No. The time zone rules come from your visitors’ browsers, which already know every region’s daylight saving schedule, so the clock stays correct on its own.