jQuery pause a while loop

Question

I am trying to roll through my banner images using a while loop in jQuery.

I need to find a way to pause each cycle of the loop so the banner images can cycle round slowly.

Here is my code

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

@roXon is right, or if you need more you can use deferred functions (see the jQuery Promise object) and a setTimeout that goes to the next function in the list. — Derek
– Derek, Commented Apr 5, 2013 at 21:51

Roko C. Buljan · Accepted Answer · 2013-04-05 22:16:25Z

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/

edited Apr 5, 2013 at 22:16

answered Apr 5, 2013 at 21:52

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Roko C. Buljan Over a year ago

@GeorgeShikariReason You're welcome! well, I changed a bit my code since last time ;)

George Reason · Accepted Answer · 2013-04-05 21:57:39Z

-2

Got it working with this code

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

setInterval(loop, 1000);

Thanks for the help everyone

answered Apr 5, 2013 at 21:57

George Reason

1731 gold badge3 silver badges13 bronze badges

1 Comment

user400654 Over a year ago

with +=1, it'll fail once it gets to the 4th image (since it doesn't exist in the array)

Collectives™ on Stack Overflow

jQuery pause a while loop

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related