Sun Clock

# Sun Clock Source: [https://sunclock.net/](https://sunclock.net/) [https://sunclock.net/#](https://sunclock.net/#)[JAN0](https://sunclock.net/#calendar)[https://sunclock.net/#about](https://sunclock.net/#about)[https://sunclock.net/#fullscreen](https://sunclock.net/#fullscreen)[https://sunclock.net/#settings](https://sunclock.net/#settings)### Getting date… Getting location… [show all times](https://sunclock.net/#allTimes) ## Sun Calendar ## About Sun Clock is a 24\-hour clock that displays the position of the sun, and times of[sunrise](https://en.wikipedia.org/wiki/Sunrise),[solar noon](https://en.wikipedia.org/wiki/Noon#Solar_noon),[sunset](https://en.wikipedia.org/wiki/Sunset),[golden hour](https://en.wikipedia.org/wiki/Golden_hour_(photography)), and[twilight](https://en.wikipedia.org/wiki/Twilight)for your current location\. It also shows the position and[phase](https://en.wikipedia.org/wiki/Lunar_phase)of the moon, and its rising and setting times\. [A note about direction](https://sunclock.net/#direction)[1](https://sunclock.net/#note1)— why does it go backwards? ### Tips Tap on or hover over the segments to get their start and end times\. You can also tap/hover on the moon, the hour hand, and the centre dot\. See[updates](https://sunclock.net/#updates)for change history\. ### Support Sun Clock is free to use, and contains no advertising\. If you would like to help support Sun Clock, please — ### Privacy We collect aggregate user stats only\. Your location and settings are stored in your web browser and are not sent to the server\. No cookies are saved or sent\. [Feedback](https://sunclock.net/#)〜[Source](https://github.com/virtualgeoff/sunclock)〜[SunCalc](https://github.com/mourner/suncalc) [✕](https://sunclock.net/#) ## A note about direction In the Northern Hemisphere the Sun moves across the sky in a clockwise direction\. \(Before clocks, clockwise was called "[sunwise](https://en.wikipedia.org/wiki/Sunwise)", and anti\-clockwise was know as "[widdershins](https://en.wikipedia.org/wiki/Widdershins)", meaning "against the way"\.\) 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'**\. You can change it in the[settings](https://sunclock.net/#settings)if you wish\. Ideally you want the clock to turn in the same direction as the sun, regardless of which hemisphere you are in\. If you are facing South, set it to clockwise; if facing North, anti\-clockwise\. You want sunrise on the clock to be to the East\. In fact, if you face the right direction and tilt you screen at the right angle, the hour hand will track the movement of the Sun across the sky\. Exactly how to do this is left as an exercise for the reader, but you want the screen to lie in the plane of the[ecliptic](https://en.wikipedia.org/wiki/Ecliptic), and solar noon to be "up"\. [✕](https://sunclock.net/#) ## Updates ### 2026\-06\-26 Added a[license](https://sunclock.net/LICENSE.txt)\(MIT\) to the code\. ### 2026\-03\-12 Added an option for a ticking seconds hand \(sweep hand is still the default\)\. ### 2026\-01\-01 Fixed a bug where the Moon icon was incorrect in recent versions of Safari\. ### 2024\-05\-23 Added the option to show the*odd*numbers on the clock face\. The "*use 12\-hour times*" option now applies to the numbers on the clock face also\. ### 2024\-02\-13 Added an[annual calendar](https://sunclock.net/#calendar)\. Try it out\.[Feedback welcome\!](https://sunclock.net/#) ### 2023\-10\-20 Sun Clock is now a[Progressive Web App](https://en.wikipedia.org/wiki/Progressive_web_app)\. This means you can install it on your device homepage and it will be available when your are offline\. ### 2022\-10\-24 Added auto\-color mode \(dynamic colors that change with the time periods\.\) ### 2022\-09\-07 Added dark mode\. ### 2022\-05\-27 Live\! [✕](https://sunclock.net/#) ## All Times Times update at Solar Midnight EventTime[✕](https://sunclock.net/#)