Skip to content
 
 

Repository files navigation

World Digital Clock

A beautiful, real-time world clock application displaying multiple time zones simultaneously.

Features

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

How to Use

  1. Open index.html in your web browser
  2. 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
  3. View Live Clocks for all your selected timezones
  4. Remove Timezones by clicking the ✕ button on any card
  5. Toggle Time Format using the 24-hour checkbox

Timezone Examples

Popular IANA timezone names:

  • UTC
  • Europe/London
  • Europe/Paris
  • America/New_York
  • America/Chicago
  • America/Los_Angeles
  • Asia/Tokyo
  • Asia/Shanghai
  • Asia/Hong_Kong
  • Asia/Kolkata
  • Australia/Sydney
  • Pacific/Auckland

Full list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones

Technical Details

  • Built with: Pure HTML5, CSS3, and vanilla JavaScript
  • No dependencies — Works offline after first load
  • Browser Storage: Uses localStorage to persist your settings
  • Timezone API: Uses JavaScript's Intl.DateTimeFormat for accurate timezone handling

Browser Support

Works in all modern browsers:

  • Chrome/Edge 24+
  • Firefox 29+
  • Safari 10+
  • Opera 15+

License

Free to use and modify.

About

git clone https://github.com/owner/repo.git

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages