Stopwatch
Build a stopwatch widget which can measure how much time has passed. It shows the current timer and has two buttons underneath: "Start/Stop" and "Reset".
Requirements
- Start/Stop Button: Starts/stops the timer depending on whether the timer is running.
- Reset: Resets the timer to 0 and stops the timer.
- The timer shows the number of seconds elapsed, down to the millisecond.
- Clicking on the timer should start/stop the timer. The Start/Stop button's label should update accordingly as well.
- It'd be a nice optional addition to format the time to display in hh:mm:ss:ms format.
You are free to exercise your creativity to style the appearance of the stopwatch. You can try out Google's stopwatch widget for inspiration and an example.
Asked at these companies
Sponsor: SwagOverflowNothing screams React struggle like debugging infinite re-renders. This sleek black tee pays tribute to every front end dev's favorite hook — the one that either saves your app or breaks everything. Perfect for React engineers who live in the dependency array.
Sponsor: SwagOverflowNothing screams React struggle like debugging infinite re-renders. This sleek black tee pays tribute to every front end dev's favorite hook — the one that either saves your app or breaks everything. Perfect for React engineers who live in the dependency array.
Stopwatch
Build a stopwatch widget which can measure how much time has passed. It shows the current timer and has two buttons underneath: "Start/Stop" and "Reset".
Requirements
- Start/Stop Button: Starts/stops the timer depending on whether the timer is running.
- Reset: Resets the timer to 0 and stops the timer.
- The timer shows the number of seconds elapsed, down to the millisecond.
- Clicking on the timer should start/stop the timer. The Start/Stop button's label should update accordingly as well.
- It'd be a nice optional addition to format the time to display in hh:mm:ss:ms format.
You are free to exercise your creativity to style the appearance of the stopwatch. You can try out Google's stopwatch widget for inspiration and an example.
Asked at these companies
Similar questions
Sponsor: SwagOverflowNothing screams React struggle like debugging infinite re-renders. This sleek black tee pays tribute to every front end dev's favorite hook — the one that either saves your app or breaks everything. Perfect for React engineers who live in the dependency array.
You must be signed in to view your saved versions
Loading editor
Loading editor
Loading editor
JavaScript Console
console.log() statements will appear here.