DEV Community

Create a Simple Stopwatch using JavaScript

Shantanu Jana on October 06, 2021

In this article you will learn how to make a simple stop watch using JavaScript. Stopwatch is a simple JavaScript project that is important enough ...

Read full post

Comment hidden by post author - thread only accessible via permalink

Svilen Pavlov • Oct 7 '21

Hi!

Would you, please, edit your article and fix the typo, where you explain about the minutes' if statement.

"The third time I used the 'if' function I executed the time in minutes. When the minute time reaches 80, you will see 0 in the minute cell and 1 in the hour cell."

"80" should be "60" as it is in the code below.
You may delete my comment, afterwards.

That's one great and at the same time simple enough exercise/project! Thank you!

Shantanu Jana • Oct 7 '21

Thank you for saying
This is a typing mistake. Now I have edited it.

Svilen Pavlov • Oct 7 '21

Yeah, my thoughts exactly - a typo.

You are welcome!

And keep sharing your development experiences. I enjoyed the article very much.

While reading it, I was imagining drawing some pixel art sprites for the numbers and it didn't go far enough to whether should I use them in a canvas element for the rendering of a coundown-timer. It sounded like a neat idea in my imagination. Like an old arcade game, having a countdown timer for its levels or something...

Not exactly a stopwatch like in your project, although the time and its displaying would be using similar techniques. Well, for a full game there are other considerations, like the game, and animations' loops. Usually different counters are used for those, which may regulate the framerates, animations, AI actions, inputs reading... It's a whole Universe, there. For the time being I was thinking only around one UI element - a countdown timer.