Embeddable Timezone Widget

Add a live timezone converter to any webpage with one line of HTML. No sign-up, no API key, no framework. The widget shows current times in both cities, updates every minute, and includes a branded link back to the full converter.

·No dependencies — pure JavaScript, under 3 KB gzipped
·Works on any static HTML page, blog, or CMS
·50+ supported timezone pairs (city and abbreviation)
·Live times — updates every 60 seconds in the browser
·Accessible markup with ARIA labels

Live Demo

These previews use the same logic as the embed script — live times, updating every minute.

City pair — data-route="new-york-london"

<script src="https://timezonecast.com/widget.js" data-route="new-york-london"></script>

Abbreviation pair — data-route="est-pst"

<script src="https://timezonecast.com/widget.js" data-route="est-pst"></script>

Asia pair — data-route="los-angeles-tokyo"

<script src="https://timezonecast.com/widget.js" data-route="los-angeles-tokyo"></script>

How to Embed

Paste the script tag anywhere in your HTML body. Replace new-york-london with any supported route from the table below.

<!-- Place anywhere in your page body -->
<script src="https://timezonecast.com/widget.js" data-route="new-york-london"></script>

The widget renders inline at the position of the script tag. You can place multiple widgets on the same page with different routes — the CSS is only injected once.

<!-- Multiple widgets on one page -->
<p>Our London team: <script src="https://timezonecast.com/widget.js" data-route="new-york-london"></script></p>
<p>Our Singapore team: <script src="https://timezonecast.com/widget.js" data-route="new-york-singapore"></script></p>

If a route is not recognised, the widget renders a plain-text error message — no broken layout, no console errors.

Supported Routes

City pairs

data-route	From	To	Converter
new-york-london	New York	London	new-york-to-london-time →
london-new-york	London	New York	london-to-new-york-time →
los-angeles-tokyo	Los Angeles	Tokyo	los-angeles-to-tokyo-time →
tokyo-los-angeles	Tokyo	Los Angeles	tokyo-to-los-angeles-time →
new-york-berlin	New York	Berlin	new-york-to-berlin-time →
berlin-new-york	Berlin	New York	berlin-to-new-york-time →
san-francisco-london	San Francisco	London	san-francisco-to-london-time →
london-san-francisco	London	San Francisco	london-to-san-francisco-time →
new-york-los-angeles	New York	Los Angeles	new-york-to-los-angeles-time →
chicago-london	Chicago	London	chicago-to-london-time →
toronto-london	Toronto	London	toronto-to-london-time →
sydney-new-york	Sydney	New York	sydney-to-new-york-time →
singapore-london	Singapore	London	singapore-to-london-time →
london-dubai	London	Dubai	london-to-dubai-time →
london-tokyo	London	Tokyo	london-to-tokyo-time →
new-york-singapore	New York	Singapore	new-york-to-singapore-time →

Abbreviation pairs

data-route	From	To	Converter
est-pst	New York	Los Angeles	est-to-pst →
pst-est	Los Angeles	New York	pst-to-est →
est-gmt	New York	London	est-to-gmt →
gmt-est	London	New York	gmt-to-est →
est-cet	New York	Paris	est-to-cet →
cet-est	Paris	New York	cet-to-est →
est-ist	New York	Mumbai	est-to-ist →
ist-est	Mumbai	New York	ist-to-est →
pst-gmt	Los Angeles	London	pst-to-gmt →
gmt-pst	London	Los Angeles	gmt-to-pst →
utc-est	UTC	New York	utc-to-est →
utc-pst	UTC	Los Angeles	utc-to-pst →
jst-est	Tokyo	New York	jst-to-est →
jst-pst	Tokyo	Los Angeles	jst-to-pst →
sgt-gmt	Singapore	London	sgt-to-gmt →
gmt-sgt	London	Singapore	gmt-to-sgt →