Skip to content

A simple real-time digital clock built with HTML, CSS, and JavaScript. It displays the current time in HH:MM:SS format, updating every second using the Date object and setInterval. Perfect for learning basic DOM manipulation.

Notifications You must be signed in to change notification settings

SamuelMarete/Javascript_Day2-Digitalclock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Javascript_Day2

Here’s a well-structured README file for your Digital Clock project:


Digital Clock

A simple real-time digital clock built with HTML, CSS, and JavaScript. It displays the current time in HH:MM:SS format and updates every second. This project demonstrates the use of JavaScript's Date object, setInterval method, and basic DOM manipulation.


Features

  • Displays the current time in a clear HH:MM:SS format.
  • Updates the time every second in real-time.
  • Minimal and responsive design for seamless display across devices.

Technologies Used

  • HTML: For the structure of the clock.
  • CSS: For styling the clock display.
  • JavaScript: For dynamic time updates and DOM manipulation.

Project Structure

clock/
│
├── index.html  # The main HTML file
├── style.css   # CSS for styling
└── script.js   # JavaScript logic

Demo

image


Future Improvements

  • Add a toggle for 12-hour and 24-hour formats.
  • Display the current date along with the time.
  • Add a dark/light mode toggle.

License

This project is open-source and available under the MIT License.


Feel free to modify this as needed! Let me know if you'd like to include more sections or details.

About

A simple real-time digital clock built with HTML, CSS, and JavaScript. It displays the current time in HH:MM:SS format, updating every second using the Date object and setInterval. Perfect for learning basic DOM manipulation.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published