setTimeout在循环时停顿

Question

我使用setTimeout设置了幻灯片放映（Slideshow（）），它工作正常。 我需要将幻灯片放映限制为3次重复，但是当我添加while循环（Count（））时，它会打印Test 1并停止

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

这对我有用：

    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

您可以只使用一次timeOut，例如：

<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>