Show and hide divs at a specific time interval using jQuery

Posted by Webrsk on Stack Overflow See other posts from Stack Overflow or by Webrsk
Published on 2009-05-27T10:10:17Z Indexed on 2010/03/09 2:51 UTC
Read the original article Hit count: 476

Filed under:
|
|
|
|

I would like to show divs at a specific interval (10 seconds) and show next div and as go on and repeat the same.

**

Sequence :

** On 10th second show div1 , hide other divs ,
After 5seconds interval Show div 2 and hide other divs,
After 5 seconds interval Show div 3 and hide other divs,
and repeat the same for every 10 seconds.


Code Follows:


<div id='div1' style="display:none;"> 
  <!-- content -->
</div>

<div id='div2' style="display:none;"> 
  <!-- content -->
</div>

<div id='div3' style="display:none;"> 
  <!-- content -->
</div>

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about css