Méthode Window setTimeout()

Définition et utilisation

setTimeout() La méthode appelle la fonction après un certain nombre de millisecondes.

Remarque :1 seconde = 1000 millisecondes.

Avis

setTimeout() à exécuter une seule fois.

Si vous avez besoin de répéter l'exécution, utilisez plutôt setInterval().

Veuillez utiliser méthode clearTimeout() pour empêcher le lancement de la fonction.

Pour annuler le délai d'attente, utilisez setTimeout() ID retourné :

myTimeout = setTimeout(function, milliseconds);

Ensuite, vous pouvez appeler méthode clearTimeout() pour arrêter l'exécution :

clearTimeout(myTimeout);

Voir également :

méthode clearTimeout()

méthode setInterval()

méthode clearInterval()

Exemple

Exemple 1

Un message de salutation attendu pendant 5 secondes :

const myTimeout = setTimeout(myGreeting, 5000);

Essayez-le vous-même

Exemple 2

Pour empêcher l'exécution de myGreeting, utilisez clearTimeout(myTimeout) :

const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
  clearTimeout(myTimeout);
}

Essayez-le vous-même

Plus d'exemples sont fournis en bas de la page.

Syntaxe

setTimeout(function, milliseconds, param1, param2, ...)

paramètres

paramètres description
function obligatoire. Fonction à exécuter.
milliseconds

optionnel. Durée en millisecondes à attendre avant l'exécution.

La valeur par défaut est 0.
param1, param2,...

optionnel. Paramètres passés à la fonction.

IE9 et versions antérieures ne prennent pas en charge.

valeur de retour

type description
numéro.

l'ID du compteur d'attente.

Veuillez associer cet id à clearTimeout(idMéthode Utilisez-les ensemble pour annuler le chronomètre.

Support du navigateur

Tous les navigateurs le supportent setTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support

Plus d'exemples

Exemple 3

Affichez une boîte de dialogue d'alerte après 3 secondes (3000 millisecondes) :

let timeout;
function myFunction() {
  timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
  alert("Hello!");
}

Essayez-le vous-même

Exemple 4

Affichez le texte temporaire :

let x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 seconds" }, 2000);
setTimeout(function(){ x.value = "4 seconds" }, 4000);
setTimeout(function(){ x.value = "6 seconds" }, 6000);

Essayez-le vous-même

Exemple 5

Ouvrez une nouvelle fenêtre et fermez-la après trois secondes (3000 millisecondes) :

const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);

Essayez-le vous-même

Exemple 6

Compte continu - mais peut arrêter le compte :

function startCount()
function stopCount()

Essayez-le vous-même

Exemple 7

Horloge créée à l'aide d'événements de temps :

function startTime() {
  const date = new Date();
  document.getElementById("txt").innerHTML = date.toLocaleTimeString();
  setTimeout(function() {startTime()}, 1000);
}

Essayez-le vous-même

Exemple 8

Transmettez les paramètres à la fonction (ne fonctionne pas dans Internet Explorer 9 et versions antérieures) :

setTimeout(myFunc, 2000, "param1", "param2");

Essayez-le vous-même

Exemple 9

Cependant, si vous utilisez une fonction anonyme, cela s'appliquera à tous les navigateurs :

setTimeout(function() {myFunc("param1", "param2")}, 2000);

Essayez-le vous-même