logo

Quel est le but de la fonction setTimeout() en JavaScript ?

En JavaScript, le Fonction setTimeout() est très efficace pour ajouter des retards ou planifier l’exécution d’une fonction spécifique après une certaine période. Il s'agit d'une fonctionnalité clé des environnements de navigateur et de Node.js, permettant un comportement asynchrone dans l'exécution du code. Que vous créiez une application Web ou un script côté serveur, setTimeout() offre une flexibilité dans la gestion des tâches liées au timing sans bloquer le reste du flux de votre programme.

Syntaxe:



setTimeout(function, milliseconds, arg1, arg2, ...);>

Paramètres:

  • fonction : Après la période de temps spécifiée, c'est la fonction qui est exécutée.
  • millisecondes : Le temps de retard est exprimé en millisecondes.
  • arg1 , arg2 : Si nécessaire, ce sont les paramètres facultatifs.

1. Annulation de setTimeout()>

JavaScript fournit une fonction correspondante appeléeclearTimeout()>pour annuler un délai d'attente programmé avant qu'il ne soit exécuté.

Exemple: Dans cet exemple, nous avons montré l'annulation de settimeout.

Javascript
function delayedFunction() {  console.log('This won't be executed due to clearTimeout'); } let timeoutId = setTimeout(delayedFunction, 2000); // Cancel the setTimeout before it executes clearTimeout(timeoutId); console.log('Timeout canceled');>

2. Objectif de setTimeout()>

En JavaScript, lesetTimeout()>La fonction est utilisée pour introduire un délai ou pour exécuter une fonction particulière après un laps de temps spécifié. Il fait partie des API Web fournies par les navigateurs et Node.js, permettant l'exécution asynchrone de code.



Exemple: Ci-dessous l'exemple de settimeout.

Javascript
console.log('Start'); setTimeout(function() {  console.log('Delayed log after 2000 milliseconds'); }, 2000); console.log('End');>

Sortir:

Start End Delayed log after 2000 milliseconds>

Explication:



  • LesetTimeout()>La fonction prend deux paramètres : une fonction de rappel et un délai en millisecondes.
  • Dans l'exemple, après les journaux de début et de fin initiaux, lesetTimeout()>est configuré pour exécuter la fonction de rappel (journal différé) après 2 000 millisecondes (2 secondes).
  • Le reste du code continue de s'exécuter sans attendre le délai, démontrant la nature asynchrone desetTimeout()>.
  • Après le délai spécifié, la fonction de rappel est invoquée, ce qui entraîne l'enregistrement du message Delayed log after 2000 milliseconds sur la console.

Cas d'utilisation :

  1. Retarder l'exécution : Il peut être utilisé pour introduire des retards dans l'exécution du code, utiles pour des scénarios tels que des animations, des événements chronométrés ou des opérations différées.
  2. Opérations asynchrones : Lorsqu'il est combiné avec des fonctions de rappel, il facilite le comportement asynchrone, permettant l'exécution de code non bloquant.
  3. Délais d'attente dans le développement Web : Il est couramment utilisé dans le développement Web pour gérer les délais d’attente, comme l’affichage d’une notification après un certain temps ou l’actualisation du contenu.