World Clock

Advertisement

Select cities from the dropdown to add them to your dashboard. Click any city card to remove it.

Advertisement

About This Tool

This world clock displays the current time across multiple cities and time zones simultaneously, using the IANA Time Zone Database (also known as the Olson database or tz database). The IANA database is maintained by a community of volunteers and published by ICANN — it tracks every time zone rule change globally, including Daylight Saving Time transitions, historical offset changes, and political boundary adjustments. The tool uses the browser's built-in Intl.DateTimeFormat API for locale-aware formatting, which means times are displayed in the format appropriate for each user's language and regional preferences. You can add any city from the world's 400+ time zones, rearrange your clock list, and see at a glance which cities are currently in daytime or nighttime hours. The display updates every second with sub-second accuracy using requestAnimationFrame. Understanding time zones is essential for international business, remote team coordination, travel planning, and scheduling calls across continents. All processing uses your browser's built-in timezone data — no external API calls are made and no data leaves your device.

The History of World Time Zones

Before the 19th century, every city set its own local time by the sun — noon was when the sun reached its highest point. This system worked until railroads connected distant cities. In 1847, British railways adopted Greenwich Mean Time (GMT) as a standard, ending the confusion of each station keeping its own clock. Canadian railway engineer Sir Sandford Fleming proposed a worldwide system of 24 standard time zones at a conference in 1879. The International Meridian Conference of 1884 in Washington, D.C., established the prime meridian at Greenwich, England, and divided the world into 24 zones, each 15 degrees of longitude wide. UTC (Coordinated Universal Time) replaced GMT as the world standard in 1972, based on atomic clocks rather than astronomical observation. Today, the IANA Time Zone Database tracks over 400 timezone identifiers, handling complexities like countries that have changed their UTC offset (Samoa skipped December 30, 2011, jumping from UTC-11 to UTC+13), and the many nations that have adopted or abandoned Daylight Saving Time over the decades.

How to Use

  1. Select cities from the dropdown menu to add them to your world clock dashboard. Choose from 400+ cities worldwide.
  2. View real-time clocks for all selected cities. Dark cards indicate nighttime, light cards show daytime for easy scheduling.
  3. Share your world clock configuration via the Share button. Others will see the same cities you've selected when they open the link.

Methodology

The tool leverages the JavaScript Intl.DateTimeFormat API, which provides access to the operating system's timezone database (derived from the IANA tz database). Each clock instance creates a formatter with a specific IANA timezone identifier (e.g., 'America/New_York', 'Europe/London', 'Asia/Tokyo'). The API automatically handles Daylight Saving Time transitions — when a timezone shifts between standard and daylight time, the displayed UTC offset updates seamlessly without manual intervention. Time formatting respects the user's locale preferences: 12-hour format with AM/PM for English-US, 24-hour format for most European locales. The day/night indicator is calculated from the local hour — daytime is approximated as 6:00-18:00 local time. Clock updates use requestAnimationFrame for smooth, battery-efficient rendering synchronized with the browser's display refresh cycle, rather than setInterval which can drift over extended periods. City selections are persisted to browser localStorage for automatic restoration between visits.

Understanding Your Results

Each clock tile shows the city name, current local time, date, and UTC offset (e.g., UTC+9 for Tokyo, UTC-5 for New York during EST). The UTC offset changes when Daylight Saving Time begins or ends — for example, New York shifts from UTC-5 (EST) to UTC-4 (EDT) in March. A sun/moon icon indicates whether it's currently daytime or nighttime in that city. The time difference between any two cities can be calculated by subtracting their UTC offsets. Note that not all timezone offsets are whole hours — India uses UTC+5:30 and Nepal uses UTC+5:45. Some regions, like Arizona (most of it) and Hawaii, do not observe DST. The displayed time is based on your device's system clock — ensure it is set correctly for accurate results.

Practical Examples

When it's 9:00 AM Monday in New York (UTC-5), it's 14:00 in London (UTC+0), 15:00 in Berlin (UTC+1), 22:00 in Beijing (UTC+8), and 23:00 in Tokyo (UTC+9). Sydney at UTC+11 is already 1:00 AM Tuesday — demonstrating how the International Date Line creates a calendar day difference. A noon meeting in UTC works out to 7:00 AM in New York, 12:00 in London, 13:00 in Paris, 20:00 in Beijing, and 21:00 in Tokyo — a reasonable time for everyone except East Asia, where it falls in the evening.

Tips for Working Across Time Zones

When scheduling international meetings, target the overlap window where all participants are in normal working hours — typically 14:00-17:00 UTC covers most of Europe and the US East Coast. Remember that DST transitions happen on different dates worldwide: the US changes in March/November while most of Europe changes in late March/October, creating a 1-2 week period where the time difference shifts. Use city names rather than abbreviations — 'CST' is ambiguous (Central Standard Time, China Standard Time, Cuba Standard Time). India's UTC+5:30 offset means it's never the same time of day as countries on whole-hour offsets. Keep a small set of key cities pinned for quick reference rather than overloading with dozens of clocks.

All calculations are performed locally in your browser. No data is sent to any server.

Embed This Tool

Get embed code

Was this tool helpful?
Want to tell us more?
0/500
Want us to follow up?
Thanks for your feedback!

Frequently Asked Questions

How many cities are available?
The world clock includes over 400 cities covering all 195 world capitals plus major metropolitan areas on every continent. This includes all US state capitals, major European cities, Asian financial centers, and cities in Africa, South America, and Oceania.
What does the day/night indicator show?
The day/night indicator shows whether it's currently daytime or nighttime in each city. It's calculated based on the city's latitude and the current date to determine approximate sunrise and sunset times. Daytime cities have a light background, while nighttime cities have a dark background.
Can I customize which cities are shown?
Yes! Use the dropdown to add cities to your display. Click on any city to remove it. You can add as many cities as you need. The world clock starts with popular cities but you can customize it to show the cities that matter to you.
How do I use this for scheduling international meetings?
Add all the cities where your meeting participants are located. The world clock shows you at a glance what time it is everywhere right now. Look for times when all cities show reasonable business hours. The day/night indicator helps you quickly see if people would be awake.
Does the world clock account for Daylight Saving Time?
Yes, the world clock automatically adjusts for Daylight Saving Time (DST) changes. It uses your browser's built-in timezone database, which is regularly updated to reflect current DST rules for each region.
Can I share my world clock configuration with others?
Yes! Use the Share button to generate a link that includes your selected cities. Anyone who opens the link will see the same cities you've configured, making it easy to coordinate with teammates or share a custom setup.
What do the dark cards mean?
Dark cards indicate nighttime in that city (between 6 PM and 6 AM local time). Light cards show daytime hours. This visual distinction helps you quickly see whether it's an appropriate time to call or message someone in that location.
Are my selected cities saved between visits?
Yes, your city selection is automatically saved in your browser's local storage. When you return to the world clock, your previously selected cities will still be there. Clearing your browser data will reset this selection.