This is a simple analog clock built using HTML, CSS, and JavaScript. It visually represents the current time with hour, minute, and second hands — all updating in real-time!
📺 See the live preview at:
https://abdulalisadaqat.github.io/analog-clock-html-css-js/
🔍 Features
- Functional analog clock with real-time updates
- Clean and modern design using pure CSS
- Lightweight and easy to understand code
💻 Technologies Used
- HTML – for the structure
- CSS – for styling and layout
- JavaScript – for real-time clock functionality
🔄 Hands rotation concepts:
https://github.com/user-attachments/assets/5cdf23a4-30f5-43c6-9860-ca781838c762
🚀 Getting Started
To view the analog clock on your local machine:
- Clone the repository:
git clone https://github.com/abdulalisadaqat/analog-clock-html-css-js.git - Navigate to the project folder:
cd analog-clock-html-css-js - Open
index.htmlin your browser.
That's it! The analog clock should now be running.