Skip to content

mdrajatech03/Analog-Clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Analog Clock ⏰

A beautiful, real-time analog clock built with pure HTML, CSS, and JavaScript. It displays the current system time with smoothly rotating hour, minute, and second hands on a classic circular dial (1–12).

Live 🌐 Demo: Open in Browser

Screenshot

Analog-Clock Screenshot

✨ Features

  • Real-time clock updates every second
  • Smooth hand rotations using CSS transforms
  • Clean and minimal design
  • Responsive (works on mobile/desktop)
  • Uses vanilla JavaScript (no libraries/frameworks)

🛠️ Technologies Used

  • HTML5
  • CSS3 (Flexbox, Transforms, Animations)
  • JavaScript (Date API + setInterval)

🚀 How to Run Locally

  1. Rajatech GitHub: https://github.com/mdrajatech03

About

This is a digital Analog Clock project built using HTML, CSS & JavaScript. It displays real-time current time on the screen in analog format, with smoothly rotating hour, minute, and second hands. The clock face is styled as a circle with numbers 1–12, and JavaScript continuously updates the hand positions based on the system time.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors