Skip to content

praveenjadhav1510/clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Jarvis Clock ⏰

A stylish and customizable analog clock built using HTML, CSS, and JavaScript. This clock mimics an advanced look with glowing effects and smooth animations, perfect for any project or personal use.

πŸ–₯️ Demo

Check out the live version of the clock here: Jarvis Clock Live

Jarvis Clock Preview

🎯 Features

  • Real-time Analog Clock: Displays the current time with smooth second, minute, and hour hands.
  • Custom Styling: Unique glowing design with vibrant colors for the clock hands.
  • Digital Time Display: Displays the current time in digital format above the clock.
  • Responsive Design: Scales properly across various screen sizes for both desktop and mobile views.

πŸ’» Technologies Used

  • HTML5: Structuring the clock.
  • CSS3: Styling, animations, and responsiveness.
  • JavaScript: Logic to control the real-time clock functionality.

πŸ› οΈ Installation

To run the clock locally:

  1. Clone the repository:

    git clone https://github.com/praveenjadhav1510/clock.git
  2. Navigate to the project directory:

    cd clock
  3. Open the index.html file in your web browser:

    open index.html

🎨 Customization

  • You can easily customize the clock's appearance by modifying the CSS file. Change the color scheme, clock size, or glow effect to suit your preferences.

πŸ“‚ Project Structure

  • /index.html: HTML file for the clock interface.
  • /style.css: CSS file that contains all styling for the clock.
  • /script.js: JavaScript file that controls the clock's functionality.

Preview 1

Link Cards Preview

duble tap to change Theame

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published