A clean, fullscreen analog clock simulator built with plain HTML, CSS, and JavaScript. This is a minimalist, old-school web page with no trackers, no cookies, and no extra bloat. Just a pure analog clock, nothing more.
- Privacy first
- Keep it light and fast
- No ads or tracking cookies, ever
- No user accounts
- No backend
- No 3rd party libraries, only HTML/JS/CSS that can run even offline
- Free for everyone
- Make it as maintenance free as possible
- Just a clock, nothing more or less
By default the clock shows your local time. To display a different timezone, add the tz query parameter with any valid IANA timezone identifier:
https://clocksimulator.com/?tz=America/New_York
https://clocksimulator.com/?tz=Asia/Tokyo
https://clocksimulator.com/?tz=Europe/Helsinki
https://clocksimulator.com/?tz=UTC
If the value is invalid or omitted, the clock falls back to your local timezone.
Show multiple clocks at once by separating timezones with commas:
https://clocksimulator.com/?tz=UTC,Europe/Helsinki,America/New_York
https://clocksimulator.com/?tz=UTC,Europe/Helsinki,America/New_York,Asia/Tokyo&rows=2
The grid layout is calculated automatically. Use the optional rows parameter to control the number of rows.
You can also build it visually: click the info button on clocksimulator.com and select Build dashboard to open the dashboard builder with live preview and a copy-ready link.
Feature of easy url with multiple timezones requested by "Hacker News" user "elteto".
You can embed the clock on any website using an iframe. Click the info button on clocksimulator.com and select Embed this clock to open the generator with a live preview and copy-ready code.
Round (default):
<iframe src="https://clocksimulator.com/?embed=true"
width="200" height="200" frameborder="0"
style="border:none; border-radius:50%; overflow:hidden;">
</iframe>Square:
<iframe src="https://clocksimulator.com/?embed=true"
width="200" height="200" frameborder="0"
style="border:none; overflow:hidden;">
</iframe>Custom border radius:
<iframe src="https://clocksimulator.com/?embed=true"
width="200" height="200" frameborder="0"
style="border:none; border-radius:16px; overflow:hidden;">
</iframe>The shape is controlled via the iframe's CSS border-radius — use 50% for round, 0 for square, or any value like 8px, 16px for rounded corners.
All parameters are optional and can be combined:
| Parameter | Values | Default | Description |
|---|---|---|---|
embed |
true |
— | Activates embed mode (hides UI controls) |
tz |
IANA timezone(s), comma-separated | Local time | Timezone(s), e.g. Europe/Helsinki or UTC,Europe/Helsinki,America/New_York |
rows |
Number | Auto | Number of grid rows for multi-clock dashboard |
theme |
dark, light, transparent |
OS preference (light fallback) | Color theme |
seconds |
tick, smooth, hide |
tick |
Second hand mode |
border |
show, hide |
show |
Clock border visibility |
daynight |
show, hide |
hide |
Sun/moon indicator for day/night |
numbers |
show, hide |
show |
Clock numbers visibility |
shadows |
true, false |
true |
Hand and center dot shadows |
burnin |
true, false |
true |
Screen burn-in protection (pixel shift) |
https://clocksimulator.com/?embed=true&tz=Asia/Tokyo&theme=light
https://clocksimulator.com/?embed=true&seconds=smooth&border=hide
https://clocksimulator.com/?embed=true&tz=America/New_York&theme=dark&seconds=hide
When the operating system's prefers-reduced-motion setting is active, the second hand and clock hand shadows are automatically disabled to reduce on-screen animation.
Chrome extension is also available at Google Chrome web store. Extension replaces new tab page with analog clock. GitHub repo also available. Extension follows main clocksimulator.com version, but not always updated 1:1 and might vary in features.
Automated tests using pytest and Playwright. No build step required.
# Install test dependencies
pip install -r requirements-dev.txt
python -m playwright install chromium
# Run all tests
python -m pytest
# Run only visual snapshot tests
python -m pytest -k "visual_snapshot"
# Regenerate screenshot baselines
python -m pytest --update-snapshotsMIT. See LICENSE.
Timo Heimonen timo.heimonen@proton.me