Embed a Live Clock On Your Site
Pick a timezone, copy the code, paste it into your HTML. It's a free, lightweight iframe that updates every second — no signup, no attribution required beyond the small link it already includes.
1. Choose a timezone
2. Preview
3. Copy this code
<iframe src="https://datetimex.com/embed.html?tz=local" width="280" height="140" style="border:0;" title="Current time" loading="lazy"></iframe>
How the Widget Works
The embed code is a plain <iframe> pointing at a lightweight page
that reads the timezone from the URL and updates the displayed time every second using
the browser's built-in Intl API — the same formatting logic used across
the rest of this site. There's no external JavaScript library to load, no cookies, and
nothing tracked on the visitor's end; the only network request is the iframe itself.
Where People Use It
Common spots for a live clock widget: a team wiki or Notion page showing what time it is for a distributed team, a support or contact page showing "we're online now" against your working hours, an event or webinar landing page displaying the local start time, or a personal blog for remote workers and digital nomads. Since it's a standard iframe, it drops into WordPress, Notion, Squarespace, Webflow, or a hand-written HTML page the same way.
Customizing the Embed
The width and height attributes in the snippet can be adjusted
to fit your layout — the widget scales its font size to the available space. To change
the timezone later, just pick a different one above and copy the new code; the
?tz= parameter in the URL is what controls it, so you can also edit that
value directly if you're comfortable with URLs. If you'd rather link to a specific city's
page instead of embedding a clock, browse World Cities
for a direct link.