This is a stopwatch I have created from scratch using HTML, CSS, and Javascript.
A stop watch is a device used to measure speed or duration in fractions of a second, typically for sporting or athletic events. In this project I had made a web application of stopwatch. It has following features
- It shows time in HH:MM:SS format
- Starts from 00:00:00
- User can Start, Pause, Reset the timer
- Fully Mobile Responsive App
- Play/Stop button changes dynamically
- Simple design UI
- Works Globally i.e no effect of timezone
You need to have a basic knowledge of HTML, CSS and JavaScript under your belt. Additionally, you need to have Git, VScode text editor installed on your computer.
- Live server to run the project. Click here to see download instructions and how to use live server to run the project
- clone the repository using below command
git clone https://github.com/ialtafshaikh/stopwatch.git
- And run the index.html using Live server
To Host the Project I had used Github Pages. To learn more visit her
- Build Stopwatch from HTML-CSS-JS-part-1
- Build Stopwatch from HTML-CSS-JS-part-2
- about setInterval
- Text Shadow - CSS Property
- JS Event Listener
- Altaf Shaikh - work by - ialtafshaikh
This project is licensed under the MIT License - see the LICENSE.md file for details