A beautiful, real-time world clock application displaying multiple time zones simultaneously.
✨ Live Updates — Clock updates every second
🌍 Multiple Timezones — Add any valid IANA timezone
💾 Persistent Storage — Your timezone list is saved to your browser
🎨 Modern Dark UI — Sleek glassmorphism design
📱 Responsive Design — Works on desktop, tablet, and mobile
🔄 Format Toggle — Switch between 12-hour and 24-hour time formats
🎯 Auto-Detection — Add your local timezone with one click
- Open
index.htmlin your web browser - Add Timezones by:
- Typing a timezone name (e.g.,
America/New_York,Asia/Tokyo) - Clicking "Add" or pressing Enter
- Clicking "Add Local" to automatically add your current timezone
- Typing a timezone name (e.g.,
- View Live Clocks for all your selected timezones
- Remove Timezones by clicking the ✕ button on any card
- Toggle Time Format using the 24-hour checkbox
Popular IANA timezone names:
UTCEurope/LondonEurope/ParisAmerica/New_YorkAmerica/ChicagoAmerica/Los_AngelesAsia/TokyoAsia/ShanghaiAsia/Hong_KongAsia/KolkataAustralia/SydneyPacific/Auckland
Full list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
- Built with: Pure HTML5, CSS3, and vanilla JavaScript
- No dependencies — Works offline after first load
- Browser Storage: Uses
localStorageto persist your settings - Timezone API: Uses JavaScript's
Intl.DateTimeFormatfor accurate timezone handling
Works in all modern browsers:
- Chrome/Edge 24+
- Firefox 29+
- Safari 10+
- Opera 15+
Free to use and modify.