Skip to content

thecodingdhami/stop-watch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

⏱️ Stopwatch Webapp

A simple and responsive Stopwatch built using HTML, CSS, and JavaScript.
This project allows users to start, stop, and reset the timer with smooth transitions and an intuitive user interface.


πŸš€ Features

  • 🟒 Start β€” Begins the stopwatch.
  • πŸ”΄ Stop β€” Pauses the timer without resetting the time.
  • πŸ” Reset β€” Sets the time back to 00:00:00.

🧩 Technologies Used

  • HTML
  • CSS
  • JavaScript

🧠 How It Works

The JavaScript script uses the setInterval() function to increment milliseconds, seconds, and minutes.
Button event listeners (onclick) control the flow:

  • Start: Starts the timer loop.
  • Stop: Clears the interval to pause.
  • Reset: Clears the interval and resets time variables to zero.

πŸ–ΌοΈ Preview

Stopwatch Screenshot


πŸ“‚ Project Structure

stopwatch

β”œβ”€β”€ index.html

β”œβ”€β”€ style.css

└── script.js


πŸ’‘ Connect with Me

LinkedIn

GitHub


πŸ“œ License

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


πŸ’‘ Author

Dinesh Singh Dhami

πŸŽ“ Bachelor in Computer Engineering @ NAST Dhangadhi