A simple and visually appealing analog clock built using HTML, CSS, and JavaScript. This project demonstrates DOM manipulation, CSS positioning, and JavaScript's Date object to create a live, ticking analog clock.
👉 Click here to view the live clock
- Real-time analog clock
- Rotating hour, minute, and second hands
- Tick marks representing hours
- Center dot for aesthetic finish
- Smooth updates every second
analog-clock/ │ ├── clock.html # Main HTML file ├── clock-style.css # Styles for clock face and hands ├── clock.js # JavaScript for time logic and animations
- HTML5 – Structure of the clock
- CSS3 – Styling and layout
- JavaScript – Logic to calculate and rotate the clock hands
- Clone the repository:
git clone https://github.com/your-username/analog-clock.git cd analog-clock code clock.html