The JS Clock is a web application that displays a live analog clock showing the current local time. It utilizes the built-in Date
object in JavaScript to retrieve the current time and dynamically updates the clock every second.
You can try out the JS Clock live by visiting the demo page.
The main goal of this project is to create an interactive analog clock using JavaScript's Date
object. It serves as a simple and practical example of utilizing JavaScript to manipulate the DOM and display real-time data.
- Live analog clock display showing the current local time.
- Hour, minute, and second hands that move in sync with the current time.
- Smooth transitions between minute and second updates.
The JS Clock project is built using the following technologies:
- HTML
- CSS
- JavaScript
To use the JS Clock locally, follow these steps:
- Clone the repository:
git clone https://ajmal112.github.io/js-clock.git
- Open
index.html
in your web browser. - The clock will automatically start displaying the current local time.
Feel free to explore and modify the code to suit your needs. You can customize the styling or add additional features to enhance the clock's functionality.
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
The JS Clock is released under the MIT License.