Sun Clock: A 24-Hour Clock That Tracks the Sun's Path
Sun Clock is a free, ad-free web app that displays a 24-hour clock showing the sun's position, sunrise, solar noon, sunset, golden hour, and twilight times for your location. It also tracks the moon's phase and rising/setting times. A unique feature: the clock runs counterclockwise in the Southern Hemisphere to match the sun's apparent motion. The app stores your location and settings locally, respects privacy with no cookies, and is available as a Progressive Web App for offline use.
In the Southern Hemisphere, however, the sun moves across the sky in an anti-clockwise direction. Sun Clock matches this by setting its direction of rotation based on your latitude: if you're in the Southern Hemisphere the clock will go 'backwards'.
- mourner
Author of suncalc (the JS library behind the sun calculations) here — happy to see such a nice application of it! Heads up if the author's reading this — I recently released a major overhaul of the library that makes it a lot more precise: https://github.com/mourner/suncalc
- staplung
Clocks like this are fun. I coded one but couldn’t decide how to handle the corner cases where the sun rises but does not set (and vice versa). You also have to decide if you’re showing the time that the sun rose today or if it should be tomorrow once you’ve already passed that time. Either way, at a certain point you’ll see the UI shift. At moderate latitudes it makes little difference but the effect can be quite extreme depending on the latitude and time of year.
- TimTheTinker
It looks like the "golden hour" may be hardcoded as the hour before sunset. May I suggest updating it to be based on the sun's position in the sky?
In high-northern and low-southern latitudes, the sun can stay close to the horizon for long stretches of the day depending on the season. For example, in Iceland in parts of the spring and fall, the golden hour lasts for most of the day - amazing for photography and just enjoying the scenery.
- zamadatix
I love it. It'd be nice if I could click points on a map and see the difference to my local one as well. Or in the calendar view if it'd show a copy of the clock (i.e. coloring not current hand positions) for the time I'm hovered over.
- fer
Neat. One of my favourite sites, which also shows daylight, is WeatherSpark[0], obviously focused on weather and it allows you to compare locations based on yearly rainfall, cloud cover, muggy conditions, all sorts of stuff. Always check it when going on vacation or relocating.