Show HN: Clocksimulator.com – A minimalist, distraction-free analog clock (clocksimulator.com)

131 points by user_timo ↗ HN
Hello all! Build clean, minimalistic analog clock webpage to Cloudflare Pages.

This is for (maybe): - kids to learn - for second monitor - old tabled on shelf - ..

Themes and screen wake lock buttons with auto-hide. Goal is to keep it as clean as possible.

This possible makes no sense, but for a domain of $10/y this is cheap site for me to keep and see how it lives on.

42 comments

[ 4.3 ms ] story [ 55.7 ms ] thread
Kudos. It really is clean. And the domain name is easy to remember.

If I use any analog clock simulator in the future, it will be yours.

It takes current time from client browser and shows it. No adjustments or alarms.
Better than 90% of the slop that gets ladled into the front page, bravo. The world needs more Clock Simulator-like projects.
Looks really neat. I used to use a very similar screensaver back in the day.

Kudos.

Very clean and polished! I love how smooth the seconds hand move.

I work in an environment where we look at the time across many different timezones around the world. A couple of feature requests if you are ever in the mood:

  1. Make it possible to specify the timezone.
  2. Make it possible to create a grid of clocks, each with different timezones.
  3. Persist the grid/timezone state in the URL so links can be easily shared.
Very smooth. Is the code open source?
I like it. Simple, well-designed, smooth. It's nice everything fits in a single HTML page with no external dependencies. The inline style and script is human readable, which is becoming rare these days.
Can you set it to ticks instead of continuous running of the seconds clockhand That would be great. The vast majority of analog clocks have a ticking clockhand for the seconds, if any at all (can you make the seconds optional?).

The only clocks I know of with such a motor are station clocks, like the Swiss one mentioned already, or the German variant (same manufacturer). But these have a twist: the minute clockhand does not run continuously, but also ticks. The seconds are running a little bit faster until the clockhand is in the upper position, then waits for a signal from the main clock. Only then the minute clockhand jumps one minute and the seconds are starting again.

An example can be seen here: https://de.wikipedia.org/wiki/Bahnhofsuhr#Technik

I appreciate the straightforwardness of this. If I could make one request, it would be to support more of a "tick" mode instead of the continuous second hand motion. It doesn't even have to actually make noises, I just like the visuals of the clock hand starting and stopping every second. I don't know if there's a more formal name for this in Clock World
The PTB (national metrology institute of Germany) provides a similar clock for decades. It is one of the few displaying the real time, not your computer’s time. The difference (if any) can be shown.

There is also a time announcement if needed.

https://uhr.ptb.de/

wow bro. how did you even come up with the idea. I also like the fact that there is a toggle that you can switch if you want screen on. pretty smart
Love the correct time in the favicon. Nice touch.
I didn't even notice! Nicely done!
May I suggest that we keep it as clean as it now, and maybe have something like the domain `/advanced` for those who want more features? (If OP has time to implement them)
I built a digital clock for my neighbor with Alzheimer a few years ago. It was a web app with an analog clock and it would show Morning / Afternoon / Evening / Night on the side.

I felt quite proud of myself, since she often got confused about whether it was 6am or 6pm on her analog clocks at home. (Alzheimer's can bring a loss of the sense of time.)

But while she thought it was a great idea, every time I came back, she had turned off the dedicated tablet we set up for the purpose

I ended up just buying her an Alzheimer's clock — a 24 hour clock with pictures indicating the time of day, for $15 or so. That one stayed where we put it!

Excellent, maybe an addition for protection from display burn-in would be nice. I dont know. Congrats.
Love how clean it looks.

Related, I made a clock with a moire pattern (10 years ago now) and still love coming back to it.

The hands all spin with css transitions and I remember there was a Safari bug where if I zoomed in, the rotation would reset itself

https://psychedelic-clock.surge.sh

This is something I vibecoded to learn my kid the clock. I think this is a very good use of ai coding, stuff that is for visualization and temporary learning.

https://utforsk.github.io/clockeroo/

Pretty cool idea, i wish it had that nostalgic ticking sound of seconds.
I laughed, but then I saw the l. Nice job though...
Could you tell more about "but then I saw the l" when you mean by that?
Beautiful! One small thing on the iPhone using Safari; it would be nice to have the clock vertically centered. Now it’s near the bottom half of the screen. Looking great otherwise!
iframe support added, can be found under Info button.