A simple yet flexible timer/stopwatch. Made as a showcase, with Nuxt.js/Vue
The Hyper Flexible Timer
A simple yet flexible timer/stopwatch. Made with Nuxt.js/Vue.
Description
Features
- Start, pause, and stop buttons
- Ability to add, remove, and run multiple timers
- Changable time and title
- Switching betwwen counting up (as a stopwatch) and counting down (as a timer)
- A nice and responsive interface (works on mobile, tablet, computer, etc)
Instructions
- To start the timer, press the start button.
- To stop the timer momentarily, press the pause button.
- To stop and reset the timer, press the stop button.
- Switch between counting up and counting down by pressing the Count Up/Down button.
- Click the title to change the title of the timer. (default is Timer)
- Click the time to change the time of the timer. (default is 00:00:00).
- To add a timer, click the dotted box.
- To remove a timer, click the Remove button.
Demonstration
Build Setup
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
# generate static project
$ yarn generate
For detailed explanation on how things work, check out the documentation.
License
MIT