setTimeout bloque la boucle

Question

J'ai mis en place un diaporama (Slideshow()) en utilisant setTimeout, et cela fonctionne très bien. Je dois limiter le diaporama à 3 répétitions, mais quand j'ajoute une boucle while (count()) il imprime Test 1 et stands

function SlideShow() 
{ 
    setTimeout("document.write('Test 1')", 1500); 
    setTimeout("document.write('Test 2')", 3000); 
    setTimeout("document.write('Test 3')", 4500); 
} 

function Count() 
{ 
    var i=0; 

    do 
    { 
    SlideShow(); 
    i++; 
    } 
    while (i<=3); 
} 

Answer 1

Cela fonctionne pour moi:

function slideShow() { 
     setTimeout("alert('1');", 1500); 
     setTimeout("alert('2');", 3000); 
     setTimeout("alert('3');", 4500); 
    } 

    function count() { 
     for(var i=0; i<3; i++) { 
      slideShow(); 
     } 
    } 

    count(); 

Answer 2

Vous pourrait simplement utiliser un timeOut comme dans:

<img id="theImg" /> 
<script> 
    var cnt = 2, 
     i = 0, 
     pics = [ 
      'image1.png', 
      'image2.png', 
      'image3.png' 
     ]; 
    function SlideShow(ap){ 
     if(ap[i]){ 
      //set the src of theImg to the item i of the array 
      document.getElementById('theImg').src = ap[i++]; 
      setTimeout(function(){ 
       SlideShow(ap); 
      }, 1500); 
     }else if(cnt--){ 
      i = 0; 
      SlideShow(pics); 
     } 
    } 
    SlideShow(pics); 
</script>