jQuery暂停一会儿循环

时间:2013-04-05 21:48:43

标签: jquery

我正在尝试使用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;
}

提前致谢

2 个答案:

答案 0 :(得分:3)

LIVE DEMO

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/

答案 1 :(得分:-2)

使用此代码

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

setInterval(loop, 1000);

感谢大家的帮助