Analog Clock Widget
A clean SVG analog clock that ticks at sub-second precision and respects light or dark themes. Customize the time zone, theme, and display options through query-string parameters and copy the iframe snippet to embed it on any page.
Embed code
Copy and paste the snippet below. Change tz= to any IANA time zone (for example America/New_York, Asia/Tokyo, or UTC).
<iframe
src="https://timedate.now/widgets/analog-clock/embed/?tz=Europe/London&theme=light"
width="300"
height="320"
style="border:0"
loading="lazy"
></iframe>Parameters
| Name | Type | Description |
|---|---|---|
tz | IANA zone | The time zone to display. Defaults to UTC. See all IANA zones. |
theme | light or dark | Color scheme. Defaults to the visitor's system preference. |
label | 0 or 1 | Set to 0 to hide the time-zone label. Defaults to 1. |
Tips
- The widget is fully self-contained and runs in the visitor's browser. No data is sent to any server.
- Resize the iframe to any width/height — the widget scales to fit.
- For best performance keep the
loading="lazy"attribute so the widget only loads when the visitor scrolls to it. - The widget respects the visitor's system theme by default (light or dark mode).
Looking for the live (non-embed) version? Browse the world clock or pick any city for a full page with sun, moon, and calendar.
Related tools
Widget pages should connect both to the embed directory and to the live reference pages they extend.
Analog clock widgetClassic dial clock embed with live ticking hands.Digital clock widgetClean live digital clock for dashboards and pages.Text clock widgetMinimal textual current-time embed.Word clock widgetClock rendered as spoken-style words.World clockUse the full live clock reference without embedding.IANA time zonesFind exact database zone names for widget parameters.