A clock that shows the right time, everywhere
A clock on a web page has one job: show the right time to someone who may be anywhere in the world. This widget asks the visitor’s browser for the time and converts it to the city you picked, with that city’s rules for summer time. A hotel in Lisbon, a support team in Chicago or a family blog with relatives in Sydney can all show their own time without thinking about time zones again.
Which clock to choose
| You want | Pick |
|---|---|
| Your opening hours to make sense to visitors abroad | Your city, digits, without seconds |
| A world clock wall for a distributed team | One widget per city, side by side |
| A calm, decorative clock | Hands, white on black or no background |
| The local time of whoever reads the page | Each visitor’s local time |
For several cities, paste the code several times and change the city in each one. Each widget keeps its own setting in its address. To compare many cities at once on Clooock, the world clock lists them in one place.
12 or 24-hour digits
The clock follows the habit of the page language: 12-hour with AM and PM in English, 24-hour in French, Spanish, German, Italian and Portuguese. The style frame in the sentence switches to the other format if your audience expects it. The seconds sit small, to the right of the hours and minutes, like on the full screen clock.
Accurate to the second
The widget redraws itself on the exact second, using the visitor’s device clock, which phones and computers keep in sync with time servers. There is no server time to fetch, so the clock keeps running even if the connection drops after the page loads.