Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

⏰ Analog Clock (HTML, CSS & JavaScript)

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:

  1. Clone the repository:
    git clone https://github.com/abdulalisadaqat/analog-clock-html-css-js.git
  2. Navigate to the project folder:
    cd analog-clock-html-css-js
  3. Open index.html in your browser.

That's it! The analog clock should now be running.

About

Analog Clock (HTML, CSS & JS) — A lightweight, browser-based analog clock built using pure HTML, CSS, and JavaScript. It updates the clock hands in real time and is easy to understand and extend.

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Contributors

Languages