🕒 JavaScript Digital Clock

JavaScript Digital Clock is a live digital clock built with vanilla HTML, CSS, and JavaScript. It reads the visitor's system time and updates the hours, minutes, and seconds display every second, wrapped in a modern glassmorphism card on a gradient background.

📚 Table of Contents

• Features
• Preview
• Project Structure
• Installation Guide
• Technologies Used
• License
• Contributing
• Connect with Me

✨ Features

✅ Live clock: Displays the current hours, minutes, and seconds, updating every second. ✅ Zero-padded digits: Always shows two digits (e.g. 09 instead of 9) for a clean look. ✅ Glassmorphism design: A frosted-glass card over a gradient background with soft accent circles. ✅ Responsive layout: Scales smoothly from desktop down to mobile screens. ✅ Zero dependencies: Pure HTML, CSS, and JavaScript — no frameworks or libraries.

👀 Preview

💻 Desktop

📱 Mobile

📂 Project Structure

javascript-digital-clock/
├── src/
│   ├── css/
│   │   └── styles.css       # Clock layout, gradient background, and responsive breakpoints
│   ├── js/
│   │   └── script.js        # Reads the system time and updates the display every second
│   └── images/                # Screenshots used in this README
├── favicon.ico
├── index.html                  # Clock markup
└── README.md

⚙️ Installation Guide 🛠️

1️⃣ Clone the Repository 📥

git clone https://github.com/Iqbolshoh/javascript-digital-clock.git

2️⃣ Navigate to the Project Directory 📂

cd javascript-digital-clock

3️⃣ Open the App 🌐

Just open index.html in any modern browser — no build step or server required.

🖥 Technologies Used

📜 License

This project is open-source and available under the MIT License.

🤝 Contributing

🎯 Contributions are welcome! If you have suggestions or want to enhance the project, feel free to fork the repository and submit a pull request.

📬 Connect with Me

💬 I love meeting new people and discussing tech, business, and creative ideas. Let's connect! You can reach me on these platforms: