Mini-Projects icon indicating copy to clipboard operation
Mini-Projects copied to clipboard

Add functional analog clock with real-time updates

Open arpitavbhosale opened this issue 4 months ago • 0 comments

Analog Clock (HTML, CSS, JS)

This pull request adds a fully functional analog clock built using HTML, CSS, and JavaScript. The clock displays the current time with hour, minute, and second hands that update in real-time.

✨ Features Implemented

Clock Face UI with numbers 1–12 styled around the circle.

Hour, Minute, and Second hands with unique colors and glowing effects.

Smooth sweeping animation for second and minute hands using JavaScript.

Center pivot styled for realism.

Dark-themed design with gradient background, shadows, and glass effect.

📂 Files Added/Modified index.html → Clock structure with container, numbers, and hands. index.css → Styling for clock face, glowing effects, and animations. index.js → Logic to calculate rotations using Date() and update hands in real-time.

Screenshot 2025-08-23 232653

arpitavbhosale avatar Aug 23 '25 18:08 arpitavbhosale