The World Clock Dashboard shows the current time in multiple cities simultaneously, updating every second. Add cities from around the world, toggle between 12-hour and 24-hour formats, and instantly see which cities are within business hours. Your city list is saved automatically.
How to Use the World Clock Dashboard
The World Clock Dashboard is designed for remote workers, international travelers, and anyone who regularly deals with multiple time zones. Rather than doing the mental math to convert time zones, you can see all your key cities at a glance, updated every second.
Step 1: Add Your Cities
The dashboard starts with 6 pre-selected cities: New York, London, Tokyo, Sydney, Dubai, and Los Angeles — a spread that covers most major time zones. Type any city name in the search box to find and add new cities. The dashboard includes over 150 major cities across all time zones. You can add up to 24 clocks.
Step 2: Read the Clock Cards
Each clock card shows the current time in large, easy-to-read digits, plus the full date, the UTC offset (e.g., UTC-5 for New York in winter), a sun/moon icon indicating daytime or nighttime, and a business hours indicator. The green dot means the city is currently within 9:00–17:00 local time. The gray dot means the office is likely closed.
Step 3: Toggle 12h / 24h Format
The toggle in the toolbar switches all clocks between 12-hour (AM/PM) and 24-hour (military) format. Your preference is saved automatically. International travelers often prefer 24-hour format to avoid AM/PM confusion, while the 12-hour format is more familiar for US-based users.
Step 4: Remove Cities
Click the × button on any clock card to remove it. Your city list is automatically saved to your browser's localStorage — so the next time you visit, the dashboard shows the same cities you configured. You can reset to defaults by removing all cities and refreshing the page.
FAQ
How does the world clock handle daylight saving time?
The dashboard uses IANA time zone names (like 'America/New_York') with JavaScript's Intl.DateTimeFormat API. This handles DST transitions automatically — you never need to manually adjust offsets when clocks change.
Is this tool free?
Yes, the World Clock Dashboard is completely free with no signup required. All time calculations run locally in your browser using native JavaScript APIs.
Does the dashboard save my city list?
Yes, your selected cities are saved to localStorage and restored when you revisit the page. If you clear your browser data, the dashboard resets to the default 6 cities.
How many cities can I add?
The dashboard supports up to 24 city clocks. The responsive grid displays 3 clocks per row on large screens, 2 on medium, and 1 on mobile.
What does the green dot on each clock mean?
The green dot indicates the city is currently within typical business hours (9:00 AM to 5:00 PM local time). A gray dot means the city is outside business hours — useful for knowing when a colleague's office is open.
What is the day/night indicator?
Each clock shows a sun icon if it's currently between 6:00 AM and 6:00 PM local time (daytime), or a moon icon for nighttime hours. This gives an instant visual sense of the time of day without reading the clock.
Can I use 12-hour or 24-hour format?
Yes, the 12/24 hour toggle at the top switches all clocks simultaneously between AM/PM format and 24-hour military time. Your preference is saved automatically.