Timers JS
Se tratan de cuatro funciones incorporadas en JavaScript las cuales realizan la misma función de un "temporizador", cada una de ellas posee sus propias características y funcionamiento, los diferentes "timers" son:
Nota: Los temporizadores consumen una elevada cantidad de recursos, por lo que no se recomienda hacer un uso excesivo de estos.
setTimeout()
Esta función se utiliza para definir cuánto tiempo esperar para ejecutar una función, es decir "setTimeout" realiza un tiempo de espera para la ejecución de la función definida.
Para lo cual esta recibe como primer valor una función (ya sea el llamado a una función o una función flecha dentro de sus paréntesis), y como segundo valor recibe el tiempo de espera que se aplicará expresado en milésimas de segundo (1 seg = 1000).
De este modo en este ejemplo la función flecha tardará dos segundos en imprimir en la pantalla.
clearTimeout()
El propósito de esta función específicamente es el de remover "setTimeout", por lo tanto esta función permite eliminar el tiempo de espera para la ejecución de una función.
Al almacenar "setTimeout" en una variable y aplicarle "clearTimeout" el temporizador nunca se ejecuta.
setInterval()
Esta función permite ejecutar una función indefinida cantidad de veces con un cierto tiempo de intervalo entre cada ejecución, por lo tanto se podría decir que lo que "setInterval" permite es ejecutar una función cada X cantidad de tiempo.
El tiempo de intervalo de esta función también debe expresarse en milisegundos.
clearInterval
Esta función permite detener la infinita ejecución de "setInterval".
Para esto se guarda "setInterval" en una variable y se le aplica la función "clearInterval".