jQuery暂停while循环

Question

我正在尝试使用jQuery中的while循环滚动我的横幅图像。

我需要找到一种方法来暂停循环的每个周期，使横幅图像可以慢慢循环。

我的代码

var bannerIMG = ['img1','img2','img3'];
var counter = 0;
var num = 1;
while (num <= 3) {
$('#header').addClass(bannerIMG[counter]);
   counter = counter +1;    
   num = num+1;
}

Thanks in advance

Answer 1

现场演示

var img = ['img1', 'img2', 'img3'],
    c = 0,
    run = setInterval(loop, 1000); 
function loop(){ 
  $('#header').removeClass().addClass( img[++c%img.length] );    
}

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Arithmetic_Operators/
http://api.jquery.com/

Answer 2

让它运行这个代码

var bannerIMG = ['img1','img2','img3'];
var counter = 0;
function loop(){
    $('#header').addClass(bannerIMG[counter]);
    counter = counter+1;
}
setInterval(loop, 1000);

感谢大家的帮助