This is a simple stopwatch application built using HTML, CSS, and JavaScript. It allows users to start, stop, and reset a stopwatch, tracking both seconds and milliseconds in real-time.
- Start: Begin timing with the "Start" button.
- Stop: Pause the stopwatch with the "Stop" button.
- Reset: Reset the timer to
00:00with the "Reset" button. - Real-Time Timing: The stopwatch tracks time with accuracy, displaying seconds and milliseconds.
- HTML: Provides the structure of the webpage.
- CSS: Styles the layout, buttons, and visual effects.
- JavaScript: Handles the stopwatch functionality (start, stop, and reset) with interval-based timekeeping.
index.html: The main HTML file with the structure for the stopwatch.style.css: Contains the styling rules, including the layout and animation for buttons.script.js: JavaScript file that powers the stopwatch logic.
To run this project locally, you only need a browser. No additional dependencies are required.
-
Clone the repository to your local machine:
git clone https://github.com/Udara-Dilshan/Stop-Watch
-
Open the
index.htmlfile in your browser to use the stopwatch.
- Open the
index.htmlfile in a browser. - Use the Start button to begin the stopwatch.
- Click the Stop button to pause the time.
- Press the Reset button to reset the stopwatch to
00:00.