https://github.com/esotericenderman/stopwatch

A simple stopwatch project made using HTML, CSS, and JS. This was part of the JS course by @SuperSimpleDev that I took to learn JS, HTML, and CSS together.
https://github.com/esotericenderman/stopwatch

css html javascript javascript-stopwatch javascript-timer javascript-timer-application js js-stopwatch stopwatch stopwatch-app stopwatch-application stopwatch-javascript stopwatch-js stopwatch-with-javascript supersimpledev timer timer-application timer-clock timer-project website

Last synced: 5 months ago
JSON representation

A simple stopwatch project made using HTML, CSS, and JS. This was part of the JS course by @SuperSimpleDev that I took to learn JS, HTML, and CSS together.

• Host: GitHub
• URL: https://github.com/esotericenderman/stopwatch
• Owner: EsotericEnderman
• Created: 2023-06-15T10:48:27.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-17T16:29:57.000Z (over 1 year ago)
• Last Synced: 2024-09-17T20:44:16.640Z (over 1 year ago)
• Topics: css, html, javascript, javascript-stopwatch, javascript-timer, javascript-timer-application, js, js-stopwatch, stopwatch, stopwatch-app, stopwatch-application, stopwatch-javascript, stopwatch-js, stopwatch-with-javascript, supersimpledev, timer, timer-application, timer-clock, timer-project, website
• Language: JavaScript
• Homepage:
• Size: 50.8 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Stopwatch

[![Project status: completed](./assets/images/badges/status.svg)](/)

> A simple stopwatch project made using HTML, CSS, and JS.

This was part of the [JS course](https://www.youtube.com/watch?v=SBmSRK3feww) by [SuperSimpleDev](https://www.youtube.com/@SuperSimpleDev) that I took to learn JS, HTML, and CSS together.

## Features

- Start/stop button

- Reset button with confirmation message

- The time is stored in the local storage

- Ability to add laps

![Stopwatch showcase](./assets/gifs/showcase.gif)

## Credit

### [Fitness Timer](https://iconduck.com/illustrations/107976/fitness-timer)

By [Lukasz Adam](https://lukaszadam.com/)\

Licensed under [CC0](https://creativecommons.org/publicdomain/zero/1.0/)

## License

© 2023-2025 [Esoteric Enderman](https://enderman.dev)

 

[Stopwatch](./) is licensed under the [AGPL 3.0](./LICENSE) only.

## Topics

[javascript](https://github.com/topics/javascript), [css](https://github.com/topics/css), [html](https://github.com/topics/html), [time](https://github.com/topics/time), [html5](https://github.com/topics/html5), [js](https://github.com/topics/js), [css3](https://github.com/topics/css3), [timer](https://github.com/topics/timer), [stopwatch](https://github.com/topics/stopwatch), [time-tracker](https://github.com/topics/time-tracker), [html-css](https://github.com/topics/html-css), [timers](https://github.com/topics/timers), [html-css-javascript](https://github.com/topics/html-css-javascript), [timer-clock](https://github.com/topics/timer-clock), [timer-application](https://github.com/topics/timer-application), [stop-watch](https://github.com/topics/stop-watch), [timer-counter](https://github.com/topics/timer-counter), [stopwatch-js-app](https://github.com/topics/stopwatch-js-app), [stopwatch-using-javascript](https://github.com/topics/stopwatch-using-javascript), [stop-watch-using-js](https://github.com/topics/stop-watch-using-js)