Timers

Timers are used in JavaScript for things like animation, firing functions, etc. They run asynchronously so you don’t have to wait on them. Here is an example…

let timeoutFn = setTimeout(function(){     console.log(‘1 second timer’); }, 1000); 

The setTimeout function fires code when we tell it to based upon the time we give it. In the above example, we are running a function that outputs a console log message after one (1) second. The time is the 1000 number. It is in milliseconds.

Notice that we are storing the function in a variable. This allows us to cancel the repeated code with the clearTimeout function as follows…

clearTimeout(timeoutFn); 

We can also set a function to run repeatedly with setInterval…

let intervalFn = setInterval(function(){
    console.log(‘1 second timer’);
}, 1000); 

This will run until we tell it to stop. We do that with clearInterval…

clearInterval (intervalFn);

Happy Coding!

Clay Hess