https://github.com/haseeb1389446/js-analog-clock

I created this Analog Clock ⏰ using HTML 🟠, CSS 🟣, and JavaScript 🟡, purely for fun and to explore creative coding techniques!
https://github.com/haseeb1389446/js-analog-clock

analog-clock clock css html javascript js js-analog-clock js-clock js-practice js-projects project

Last synced: 23 days ago
JSON representation

I created this Analog Clock ⏰ using HTML 🟠, CSS 🟣, and JavaScript 🟡, purely for fun and to explore creative coding techniques!

• Host: GitHub
• URL: https://github.com/haseeb1389446/js-analog-clock
• Owner: Haseeb1389446
• Created: 2024-12-31T09:52:57.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-12-31T10:27:14.000Z (9 months ago)
• Last Synced: 2025-07-20T12:24:51.857Z (3 months ago)
• Topics: analog-clock, clock, css, html, javascript, js, js-analog-clock, js-clock, js-practice, js-projects, project
• Language: CSS
• Homepage: https://js-analog-clock123.netlify.app/
• Size: 400 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# JS Analog Clock ⏰

I created this **Analog Clock** using HTML, CSS, and JavaScript, purely for fun and to explore creative coding techniques!  

## Screenshots

Here is the screenshots of the Analog Clock:

![image](https://github.com/Haseeb1389446/JS-Analog-Clock/blob/main/view.png)

## 🌟 Features

- Real-time clock functionality.

- Smooth animations for clock hands using CSS and JavaScript.

- Fully responsive design.

## 🚀 Live Demo

[Click here to view the live project!](https://js-analog-clock123.netlify.app/)

## 🛠️ Technologies Used

- **HTML**: Structure of the clock.

- **CSS**: Styling and animations.

- **JavaScript**: Logic for real-time clock functionality.

## 📂 Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/Haseeb1389446/JS-Analog-Clock.git