javascript - 如何在 jQuery 中将 .html() 与计时器一起使用？

Question

我想用在数组中找到的值替换 div 的内容。我想将每个值在 div 中保留 3 秒。到目前为止，这是我的代码:

        var images = ['a.jpg', 'b.jpg', 'c.jpg'];

        for (i = 0; i < images.length; i++) {
          $('#slideShow').html("<img src='../"+images[i]+"' alt='' />");
        }

当然，这会如此快速地改变图像，以至于人眼始终只能看到 div 中的一张图像。我想在 div 上完成下一个 .html() 之前将每个图像保留 3 秒。如何做到这一点？

Answer 1

试试这个:

images = ["a.jpg", "b.jpg", "c.jpg"];

function change(i){
   if(!images[i]){return false}
   else{
     $("#slideShow").src=images[i];
     setTimeout( function(){ change(i+1) }, 3000);
   }
}
change(0);

还没有测试过，但应该可以。