Digital Clock Application
📌 Overview
This project is a modern digital clock application developed using HTML, CSS, and JavaScript. It displays the current time in a 12-hour format along with AM/PM indicator and the current date.
🚀 Features
🔸 Time Display
- Shows current time in 12-hour format
- Updates every second automatically
- Displays hours, minutes, and seconds in separate boxes
- Shows AM/PM indicator
- Displays current date with day of the week
🔸 Visual Design
- Modern and clean interface
- Responsive layout
- Gradient background
- Shadow effects for time boxes
- White text on colored background for contrast
🎨 CSS Features
- Flex layout for centered positioning
- Gradient background
- Box shadows for depth
- Responsive text sizing
- Clean typography
📁 File Structure
/DigitalClock
│
├── index.html # Main HTML structure
├── clock.css # Styling
├── clock.js # Clock logic
└── clockIcon.png # Favicon
☁️ Live Demo
View the live demo at: Digital Clock Demo
✅ Technical Details
The application uses:
setInterval for updating time every second- Date object for time/date management
- DOM manipulation for updating display
- Flexbox for layout
- CSS gradients and transforms for styling