Skip to content

SuryaPratap2542/Digital_Clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Analog and Digital Clock

This repository contains a simple HTML and JavaScript code to create both analog and digital clocks that display the current time. The analog clock displays the time using rotating clock hands, while the digital clock displays the time in a digital format.

Features

  • Analog clock with rotating clock hands.
  • Digital clock that displays the current time in HH:MM:SS format along with AM/PM indication.
  • Clock hands are updated in real-time to show the accurate time.
  • Easy-to-understand code structure.

Preview

image

Usage

  1. Clone the repository using the following command:
  1. Open the index.html file in a web browser.

  2. The analog clock will display the time using rotating clock hands, and the digital clock will show the time in HH:MM:SS format.

Customization

  • You can modify the colors of the clock hands and the clock background by adjusting the --clr CSS variable in the HTML file.
  • Feel free to customize the HTML structure and CSS styling to match your preferences.

Author

[Surya Pratap Singh]

License

This project is licensed under the MIT License - see the LICENSE file for details.