Welcome to my JavaScript Projects repository!
This repository is a growing collection of projects I’m building for people who wants to learn and master JavaScript — from beginner-friendly apps to more advanced ones.
A real-time digital clock that dynamically updates every second, showing the current time in HH:MM:SS format.
It uses JavaScript’s Date API and DOM manipulation to display the time and updates automatically every second.
- Displays the current time (hours, minutes, seconds)
- Automatically updates every second
- Shows time in double-digit format (e.g., 09:05:07)
- Fully responsive and minimal UI
- Built using HTML, CSS, and JavaScript
- Working with
Date()
object - Using
setInterval()
for real-time updates - Converting single digits to double digits using
padStart()
- DOM manipulation and innerText updates
Follow these steps to run the project locally
git clone https://github.com/your-username/javascript-projects.git
cd javascript-projects/digital-clock
Simply open the index.html
file in your browser.
- HTML5 – Structure
- CSS3 – Styling
- JavaScript (ES6) – Logic
javascript-projects/
│
├── digital-clock/
│ ├── index.html
│ ├── style.css
│ ├── script.js
│
└── README.md
Here’s what I plan to add next:
- Add more beginner-friendly JS projects (Calculator, Countdown Timer, etc.)
This is for you implement this features in your project
- Add AM/PM and 12-hour format toggle
- Add dark/light mode support
If you’d like to contribute or suggest improvements, feel free to fork this repo and create a pull request!
Contact
Raviranjan Kumar ~ Shaurya
Email: webwithshaurya@gmail.com
Website: https://developershaurya.com/
GitHub: https://github.com/DeveloperShaurya7/
YouTube: https://www.youtube.com/@DeveloperShaurya
If you like this project, don’t forget to give it a star!