Stopwatch

This is a simple yet functional digital stopwatch built using HTML, CSS, and vanilla JavaScript. It allows users to start, pause, and reset the timer with a responsive and visually appealing UI.

Features

(i) Displays elapsed time in hours, minutes, and seconds.

(ii) Pause button: Halts the timer without resetting.

(iii) Reset button: Clears the timer and resets to 00:00:00.

(iv) Prevents multiple timers using a simple interval guard.

(v) Responsive design with centered layout using Flexbox.

Folder Structure

stopwatch-project/ ├── stopwatch.html ├── stopwatch.css ├── stopwatch.js ├── images/ ├── stopwatch-html.png ├── stopwatch-css1.png ├── stopwatch-css2.png ├── stopwatch-js1.png ├── stopwatch-js2.png └── stopwatch-UI.png

Screenshot

How to use

1. You can start the stopwatch by clicking on start button.

2. You can pause or stop the timer using pause button.

3. You can restart the stopwatch by clicking on Reset button.

Technologies Used

HTML5

CSS3

JavaScript(vanilla js)

License

This project is lincensed under the MIT License.

Connect with Me

• Linkedln : BabulKumar

• GitHub : @BabulKumar100