Is embedding the world clock free?

Yes. The world clock is free to embed on any site, with no account, no API key and no usage limits. It runs entirely in your visitor’s own browser using their built-in time APIs, so there is no server cost — we only ask that you keep the small "World Clock by LK Forge" credit line that comes with the embed code.

How do I choose which cities the clock shows?

Add them to the URL with the cities parameter, using IANA time-zone IDs separated by commas — for example /embed/worldclock/?cities=Europe/London,America/New_York,Asia/Tokyo. The easiest way is to open the World Clock tool, pin the cities you want in the Meeting Planner, then use the Embed button, which writes the correct IDs for you. Up to twelve cities are shown; invalid IDs are skipped, and with none set the clock defaults to London, New York and Tokyo.

Can I make the embedded clock dark (or light) to match my site?

Yes. By default the clock auto-matches each visitor’s own light or dark mode. To force one regardless of their device, add a theme parameter: /embed/worldclock/?cities=...&theme=dark or &theme=light. The card background is transparent, so on a dark site the dark theme blends straight into your page.

Does the clock update live, and does it handle daylight saving?

Yes to both. Each city ticks every second in the visitor’s browser, and the times come from the browser’s time-zone engine, so daylight saving is applied automatically for every city — the offsets shown (like UTC+1 or UTC+5:30) are always the ones currently in effect. The date under each clock also rolls over correctly, so a city that is already on the next day shows it.

Where can I embed it — WordPress, Wix, Squarespace, Notion?

Anywhere you can add HTML, because it is a standard iframe. In WordPress use a Custom HTML block; in Squarespace a Code/Embed block; in Wix an Embed HTML element; in Ghost an HTML card; in Notion paste the /embed/worldclock/ URL as an embed. On a plain HTML page or an intranet, paste the snippet straight into the markup.

Does the embedded clock track visitors or set cookies?

No. The clock reads only the visitor’s current time and time zone locally to display the times; it sets no tracking cookies and sends no analytics from the embed. It is safe to place on a privacy-sensitive site, an intranet, or a page for children.

Widgets

How to Add a World Clock to Your Website

LK Forge · 4 min read · Updated July 2026

You can add a live, multi-city world clock to any website, blog, or team page with a single line of code — free, with no sign-up, no plugin, and no script to install. It shows the current time in the cities you choose, ticking every second and handling daylight saving automatically. This guide covers the fastest way to embed the World Clock, how to set your cities, and how to match it to your site’s theme.

The quickest way: paste one embed snippet

An embed is just an <iframe> that loads the clock from lkforge.com, plus a small credit line. Copy this into your page’s HTML where you want the clock to appear:

<iframe src="https://lkforge.com/embed/worldclock/?cities=Europe/London,America/New_York,Asia/Tokyo"
        width="100%" height="260" loading="lazy"
        style="border:0;max-width:640px"
        title="World Clock by LK Forge"></iframe>
<p><a href="https://lkforge.com/tools/worldclock/">World Clock</a>
   by <a href="https://lkforge.com/">LK Forge</a></p>

The <iframe> is the live clock; the <p> underneath is a plain credit link. Keep that line — the visible link is what keeps the widget free to embed.

Set your cities with ?cities=

The cities parameter takes a comma-separated list of IANA time-zone IDs — the standard Area/Location identifiers like Europe/London, America/New_York or Asia/Kolkata. IANA IDs are used (rather than plain city names) because they carry each region’s full daylight-saving rules, so the clock stays correct year-round.

The easiest way to get them right is to open the World Clock, pin the cities you need in the Meeting Planner, then click the Embed button — it writes the exact URL for you. Up to twelve cities display; anything the browser can’t recognise is skipped, and with no cities set the clock falls back to London, New York and Tokyo.

Match your site with ?theme=

By default the clock auto-matches each visitor’s own light or dark mode. To lock it to one — so a dark blog always gets a dark clock — add a theme parameter:

https://lkforge.com/embed/worldclock/?cities=Europe/London,Asia/Tokyo&theme=dark

Use &theme=dark or &theme=light. The card background is transparent, so the dark theme sits cleanly on a dark page and the light theme on a light one.

Where it works

Because it is a standard iframe, the embed works anywhere you can add HTML:

WordPress: add a Custom HTML block and paste the snippet.
Squarespace: use a Code / Embed block.
Wix: add an Embed HTML / iframe element.
Ghost: insert an HTML card.
Notion: paste the /embed/worldclock/ URL and choose "Create embed".
Plain HTML, an intranet, or a team dashboard: paste the snippet straight into the markup.

That’s the whole job. Pin your cities on the World Clock page, copy the embed code, and paste it wherever a remote team, a travel site, or a global storefront needs to see several time zones at a glance.

Pin your cities in the Meeting Planner, then grab the embed code from the 'Add this clock to your website' section — free, no sign-up.

Open the World Clock tool