Making a Stopwatch with Vanilla JavaScript

David Landup
Marcus Sanatan


Software is oftentimes used to abstract away physical goods, services and mechanisms into a generic format that can be utilized digitally. Stopwatches used to be widely used back in the day! Marathon runners would time their laps, scientists would time their experiments and kids would time how long they can hold their breath in during class instead of listening to their teachers.

Nowadays - it's difficult to find a physical stopwatch - we've delegated that job to software:

This project is built to help you learn about arrow function, function expressions, execution context, encapsulation, context scope, first-class functions, and setting intervals, through a hands-on project!

Note: This Guided Project is an entry-level project, aimed at beginners who are just starting out with JavaScript and learning the fundamentals of the language. It's part of a larger, upcoming course on Web Development with JavaScript ES6 and Beyond.

What is a Guided Project?

Turn Theory Into Practice

All great learning resources, books and courses teach you the holistic basics, or even intermediate concepts, and advise you to practice after that. As soon as you boot up your own project - the environment suddenly isn't as pristine as in the courses and books! Things go wrong, and it's oftentimes hard to pinpoint even why they do go wrong.

StackAbuse Guided Projects are there to bridge the gap between theory and actual work. We'll respect your knowledge and intelligence, and assume you know the theory. Time to put it into practice.

When applicable, Guided Projects come with downloadable, reusable scripts that you can refer back to whenever required in your new day-to-day work.

Last Updated: Apr 2022

© 2013-2024 Stack Abuse. All rights reserved.