Exécuter trois fonctions distinctes dans la boucle for avec des délais

Question

Dites que j'ai trois fonctions que je veux exécuter en séquence 5 fois en attente d'une seconde entre chacune et la première prend la variable dans la boucle for comme argument. Quelque chose comme ceci:

for (var i=0; i<5; i++) { 
    setTimeout(function(){ 
     one(i); 
    },1000); 
    setTimeout(function(){ 
     two(); 
    },2000); 
    setTimeout(function(){ 
     three(); 
    },3000); 
} 

J'ai essayé ceci et cela ne semble pas fonctionner. Comment puis-je réparer cela?

Answer 1

setTimeout() met en place une minuterie pour exécuter une fonction dans l'avenir, mais retourne immédiatement, de sorte que votre fonction se déroulera one() 5 fois après 1 seconde, two() 5 fois après 2 secondes et three() 5 fois après 3 secondes.

Vous pouvez atteindre votre objectif avec

for (var i=0; i<5; i++) { 
    setTimeout(function(){ 
     one(i); 
    },(i * 3 + 1) * 1000); 
    setTimeout(function(){ 
     two(); 
    },(i * 3 + 2) * 1000); 
    setTimeout(function(){ 
     three(); 
    },(i * 3 + 3) * 1000); 
}