What is a multi clock widget?

A multi clock widget shows the current time in multiple cities or time zones inside one embeddable website widget.

How do I add multiple cities?

Use the Cities field with the format City|Timezone separated by semicolons, for example New York|America/New_York;London|Europe/London.

Can I use it as a world clock widget?

Yes, this widget is designed for world clocks, remote teams, dashboards, offices, and international websites.

Can I customize the layout?

Yes, you can choose grid, vertical, or horizontal layouts and customize colors, size, font, border radius, and shadow.

Back to Widgets

Multi Clock Widget

Free Website Widget. Create a customizable multi-clock widget for multiple cities and time zones, then embed it on your website with a simple iframe code.

Live Preview

See exactly how your widget will look before copying the embed code

Embed Code

Open Preview

<iframe
  src="https://www.smartclocktools.com/embed/multi-clock?clocks=New+York%7CAmerica%2FNew_York%3BLondon%7CEurope%2FLondon%3BTokyo%7CAsia%2FTokyo%3BSydney%7CAustralia%2FSydney&layout=grid&format=24&showSeconds=true&showDate=true&background=%23ffffffff&cardBackground=%23fcfcfc&textColor=%23090b11&accentColor=%23212121&font=Montserrat&fontSize=26&borderRadius=12&shadow=sm&width=560&height=320&language=en"
  width="560"
  height="320"
  loading="lazy"
  style="border:0;overflow:hidden;"
  title="SmartClockTools Widget"
></iframe>

Customize

Presets

Time formatBackground

Card background

Text color

Accent color

FontFont size: 26LayoutCitiesAdd cities and choose their time zones.

Clock 1

City label

Timezone

Clock 2

City label

Timezone

Clock 3

City label

Timezone

Clock 4

City label

Timezone

LanguageBorder radius: 12ShadowWidth (px)Height (px)

How to embed the multi clock widget

Add your cities and time zones, choose a layout, customize the design, copy the generated iframe code, and paste it into your website HTML.

Where to use multiple clocks

This widget is useful for international companies, remote teams, support pages, dashboards, travel websites, and offices with multiple locations.

Why use one multi clock widget

Instead of embedding several separate clocks, you can manage all cities inside one iframe widget with one consistent design.

Frequently Asked Questions

Customize the widget using the settings above, preview the result, and copy the generated iframe code when you are ready. The embed code can be added to websites and website builders that support HTML or iframe embeds.