Bases de l'utilisation de la fonction setInterval en JavaScript

Dans cette leçon, nous apprendrons à utiliser les minuteries en JavaScript. Après avoir compris les minuteries, vous pourrez exécuter automatiquement sur la page des opérations quelconques à intervalles définis. Par exemple, il sera possible de créer un diaporama d'images, dans lequel les images changeront toutes les secondes.

Pour travailler avec les minuteries en JavaScript, on utilise la fonction setInterval, qui exécute le code donné à intervalles de temps déterminés.

Cette fonction fonctionne de la manière suivante : son premier paramètre est le code source d'une fonction, et le second paramètre est l'intervalle après lequel cette fonction sera appelée automatiquement. Le second paramètre est défini en millisecondes (1000 millisecondes = 1 seconde).

Étudions le fonctionnement de la fonction avec un exemple. Par exemple, écrivons un code qui, toutes les secondes, affichera quelque chose dans la console.

Pour commencer, créons une fonction affichant quelque chose dans la console :

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

Et maintenant, utilisons setInterval pour que la fonction que nous avons créée s'exécute chaque seconde :

setInterval(timer, 1000);

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

Il n'est pas obligatoire de créer une fonction séparée - on peut simplement passer une fonction anonyme en premier paramètre de setInterval, comme ceci :

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

Démarrez une minuterie qui, toutes les 3 secondes, affichera quelque chose dans la console.