Embeddable Widgets
Free clock widgets for websites
Embed a live world clock showing times for up to 8 cities on any website. Handles daylight saving time automatically — just copy and paste the HTML.
Live preview
Live preview
Embed code
Copy and paste this HTML into your website.
<iframe src="https://datetoolshub.com/embed/world-clock?cities=new-york,london,tokyo&format=12&theme=light&attribution=1" width="100%" height="320" frameborder="0" style="border:0;border-radius:12px;overflow:hidden" title="World Clock"></iframe>
Who uses this widget
- Remote teams — show times for each office on your company intranet
- Churches — display times for mission partner cities
- Schools — show partner school times for international programmes
- Customer support — let visitors see your team's working hours
- Travel sites — show destination times for popular cities
How to add this widget to your website
- 1Go to the world clock widget generator.
- 2Select up to 8 cities and choose 12- or 24-hour format.
- 3Click Copy embed code.
- 4Paste the HTML into your website editor.
Customization options
| Parameter | Type | Default | Description |
|---|---|---|---|
| cities | string | new-york,london | Comma-separated city slugs (up to 8) |
| format | 12|24 | 12 | Time display format: 12-hour or 24-hour |
| theme | string | light | Colour theme: 'light', 'soft' or 'dark' |
| attribution | 1|0 | 1 | Show visible 'Widget by DateToolsHub' link |
Widgets run in the browser. DateToolsHub does not collect visitor input from these embeds. Attribution is visible and honest — no hidden links.
Frequently asked questions
- How do I add a world clock to my website?
- Go to the world clock widget generator, select up to 8 cities, choose 12- or 24-hour format, copy the embed code and paste it into your website.
- Does the clock handle daylight saving time?
- Yes. The widget uses the browser's built-in time zone database (Intl.DateTimeFormat), so it automatically handles DST transitions for every city.
- How many cities can I display?
- You can show up to 8 cities in a single widget. The clock updates every second in each visitor's browser.
- Can I use 24-hour format?
- Yes. Set the format parameter to '24' for 24-hour time, or '12' for the default 12-hour format with AM/PM.