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