Javascript-Schleife mit Verzögerungscode beheben

Question

wie diesen Code zu beheben, wie pro

How do I add a delay in a JavaScript loop?.

wird es immer noch ohne Verzögerung ausgeführt.

const spkz = responsiveVoice.speak; 
let azj = ['hi', 'hello', 'how are ya']; 
var i = 1; // set your counter to 1 

function myLoop() { // create a loop function 

    azj.forEach((item, index) => { 
    setTimeout(() => { // call a 3s setTimeout when the loop is called 
     alert(item); // your code here 
     i++; // increment the counter 
     if (i < index) { // if the counter < 10, call the loop function 
     myLoop(); // .. again which will trigger another 
     } // .. setTimeout() 
    }, 10000) 
    }) 

} 

myLoop(); 

Answer 1

versuchen Sie kein Javascript wie die "Pause". Eine setTimout ist asynchron, was bedeutet, dass sie den synchronen Code nicht blockiert. Wenn Sie also irgendeine Art von "for" -Schleife ausführen, ruft sie alle setTimeouts gleichzeitig auf.

Sie können eine manuelle Schleife wie diese machen und verzögern es mit Rekursion:

let azj = ['hi', 'hello', 'how are ya']; 
 
var i = 0; 
 

 
function myLoop() { 
 
    setTimeout(function() { 
 
    console.log(azj[i]) 
 
    i++ 
 
    
 
    if (i < azj.length) { 
 
     myLoop() 
 
    } 
 
    }, 3000) 
 
} 
 

 
myLoop();

Weitere Informationen besuchen Sie this answer.

Answer 2

Sie müssen forEach nicht innerhalb der Schleifenfunktion verwenden. Stattdessen können Sie die Elemente Array zugreifen azj[i]

Answer 3

mit ich nicht wirklich das bekommen die setTimeout(() => { // call a 3s setTimeout when the loop is called vielleicht

var wait = "some amount of milliseconds"

setTimeout(wait) => {