Embeddable Widgets

Website clock widget

Add a free world clock to any website. Show live times for up to 8 cities with automatic daylight saving time handling — 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 office times on your company page
  • Customer support — display your team's available hours
  • Travel sites — show destination local times
  • News sites — display times for major bureaus
  • Education — show times for partner universities worldwide

How to add this widget to your website

  1. 1Go to the world clock widget generator.
  2. 2Select cities and choose 12- or 24-hour format.
  3. 3Click Copy embed code.
  4. 4Paste the HTML into your website editor.

Customization options

ParameterTypeDefaultDescription
citiesstringnew-york,londonComma-separated city slugs (up to 8)
format12|2412Time format: '12' for AM/PM or '24' for military time
themestringlight'light', 'soft' or 'dark'
attribution1|01Show attribution 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 clock to my website?
Go to the world clock widget generator, select your cities, choose 12- or 24-hour format, copy the embed code and paste it into your website.
Does it handle daylight saving time?
Yes. The widget uses the browser's built-in time zone database, so it automatically adjusts for DST changes in every city.
Can I show just one city?
Yes. Set the cities parameter to a single city slug, for example 'cities=new-york' to show just New York time.
Is the clock widget free?
Yes, completely free with no sign-up. A small visible attribution link is shown when enabled.