Fundamentos del trabajo con la función setInterval en JavaScript

En esta lección aprenderemos a trabajar con temporizadores en JavaScript. Una vez que comprendas los temporizadores, podrás ejecutar automáticamente en la página cualquier operación después de un intervalo de tiempo determinado. Por ejemplo, podrás crear un carrusel de imágenes, en el que las imágenes cambien cada segundo.

Para trabajar con temporizadores en JavaScript se utiliza la función setInterval, que ejecuta el código dado a intervalos regulares de tiempo.

Esta función funciona de la siguiente manera: como primer parámetro acepta el código fuente de la función, y como segundo parámetro - el intervalo, después del cual esta función se llamará automáticamente. El segundo parámetro se especifica en milisegundos (1000 milisegundos = 1 segundo).

Aprendamos cómo funciona la función con algún ejemplo. Por ejemplo, escribamos un código que cada segundo imprima algo en la consola.

Para empezar, creemos una función que imprima algo en la consola:

function timer() {
	console.log('!');
}

Y ahora, usando setInterval, hagamos que la función que creamos se ejecute cada segundo:

setInterval(timer, 1000);

function timer() {
	console.log('!');
}

No es necesario crear una función separada - simplemente se puede pasar una función anónima como primer parámetro de setInterval, así:

setInterval(function() {
	console.log('!');
}, 1000);

Inicia un temporizador que cada 3 segundos imprima algo en la consola.