setTimeout nicht innerhalb der Karte ausgeführt? oder setTimeOut auf Kartenfunktion?

Question

Dies ist der Code:

while(countLoop < count) { 
    let randIndex = Math.floor(Math.random()*4); // returns // 1 to 3 decimal, this will be used for colors indexes 
    console.log("while true count = ",randIndex) 
    this.setState(
    ({colorsChallengeForUser}, props) => ({ 
     colorsChallengeForUser: [...colorsChallengeForUser, randIndex] 
    }), 
    () => { // setState has a default callback we make use of that here. 
     let { colorsChallengeForUser } = this.state; 
     colorsChallengeForUser.map((item, index, array) => { 
      switch(item) { 
      case 0: 
       // red.play() 
       setTimeout(red.play(), 3000); 
       break; 
      case 1: 
      // green.play() 
       setTimeout(green.play(), 3000); 
       break; 
      case 2: 
      // yellow.play() 
       setTimeout(yellow.play(), 3000); 
       break; 
      case 3: 
      // yellow.play() // this wo 
       setTimeout(blue.play(), 3000); 
       break; 
      defalt: 
       console.error(`Unknown ${item}`); 
      } 
     }); 
    } 
); 
    countLoop++; 
} 

alle Werke, sondern setzen eine Auszeit funktioniert nicht, sie alle zugleich auf js Bewertung spielen. Wie mache ich die Map-Ausführung mit setTimeOut langsamer?

Answer 1

Neben dem Problem der direkten Aufruf der Funktionen in dem Timeout, schlage ich vor, ein Array für das Objekt verwenden wihout eine switch ... case Syntax: Wenn alles funktioniert gut

var options = [red, green, yellow, blue]; 

// call with 
setTimeout(options[item].play, 3000); 
//     ^^^^    index 
//       ^^  without calling the function 

Answer 2

und Sie wollen Gebrauch Zeit Zeitintervall als 3000,6000,9000

var count = 0; 
colorsChallengeForUser.map((item, index, array) => { 
    count += 3000; 
    switch(item) { 
     case 0: 
      // red.play() 
      setTimeout(red.play(), count); 
     break; 
    ....... 

set Zählung als Zeitintervall für die anderen auch