Clock Widget Generator
Build a live clock and paste it into your own page.
Preview
Code to paste
Paste this anywhere in your page's HTML. It is self-contained — no library, no request back to this site, and it keeps working if this page ever moves. The time is always for the city you chose, but the date is written in each visitor's own language and order, so it may not match the preview exactly.
How it works
The generator produces a self-contained block of HTML and JavaScript that you paste into your own page. It carries no external script reference, loads nothing from this site once it is in place, and sends nothing back — which means it cannot break because something here changed, and it adds no third-party request to your page.
The widget reads the visitor's own device clock and formats that instant in whichever zone you chose when generating it. Formatting goes through the browser's own internationalisation data, so daylight saving and unusual offsets are handled without the snippet needing to know any rules itself.
You choose the zone, the clock format and whether seconds are shown. Fixing the zone is the common case for an office or status-page clock; leaving it as the visitor's own suits a site where each reader wants their local time.
Styling is deliberately minimal so the widget inherits your page's font and colours. Check it against your own background before publishing, since the snippet cannot know whether the result is legible where you have put it.
Examples
A clock on a status page. Generate a widget fixed to UTC so that everyone reading an incident timeline sees the same reference, whatever their own zone.
An office intranet. Put the head-office time in the header so remote staff can see at a glance whether anyone is there.
Embedding it. Copy the snippet into your page. It carries no external script and makes no request back here, so it keeps working regardless of what happens to this site.
Practical notes
The generated widget is a self-contained snippet: no external script, no tracking, no request back to this site once it is on your page. That also means it will not update itself if something here changes, which is the trade-off for it being genuinely standalone.
It reads the visitor's own browser for the current instant and formats it in whichever zone you chose. A visitor with a wrong device clock sees a wrong widget, exactly as they would anywhere else.
Check it against the surrounding page for contrast and font size before shipping. The widget inherits what it can from your stylesheet, but it cannot know whether the result is readable on your background.
Frequently asked questions
Does the widget call your server?
No. Once pasted, it is entirely self-contained and runs from the visitor's own browser clock.
Will it handle daylight saving?
Yes. It uses an IANA zone name such as Europe/London, so the browser applies the correct offset for the date.
Can I restyle it?
Yes — the styles are inline in the snippet. Edit them freely, or strip them and use your own classes.
Does the widget phone home?
No. The snippet is self-contained, makes no request back to this site and loads no external script, so it keeps working whatever happens here.
Can I show a zone other than the visitor's?
Yes. Choose any zone when generating it and every visitor sees that zone, which is what you want for an office clock or a status page.
Will it match my site's styling?
It inherits what it can from your stylesheet, but check contrast and size against your own background before shipping it.
Can I use it commercially?
Yes. The snippet is yours to embed anywhere, with no attribution required and no callback to this site.
Does the widget need JavaScript?
Yes, to tick. Without it the markup still renders but the time will not update, so include a sensible static fallback if that matters for your page.
Will the widget slow my page down?
No. It is a few lines of markup and a small script with no external requests, so it adds nothing measurable to load time and cannot be affected by an outage here.