Показать div каждые 3 секунды с помощью jquery

Question

У меня есть эти два div и хотелось бы знать, как я могу отображать второй (box2) div каждые 3 секунды.

<div id="box1" style="background-color:#0000FF"> 
    <h3>This is a heading in a div element</h3> 

    <p>This is some text in a div element.</p> 
</div> 
<div id="box2" style="background-color:red"> 
    <h3>This is a heading in a div element</h3> 

Как я могу это сделать с помощью jquery?

Я создал здесь скрипку. http://jsfiddle.net/jRmrp/5/

Update 1

Ответ дается Khanh к работам, но я задаюсь вопросом, что делать, когда ДИВ подсчет более чем 2. она допускает только два.

Answer 1

Вам это надо?

setInterval(function(){ 
    $("#box2").toggle(); 
    $("#box1").toggle(); 
},3000); 

DEMO

Обновлено с новым требованием:

var currentIndex = 0; 
$(".box:not(:eq("+ currentIndex +"))").hide(); 

var totalDiv = $(".box").length; 

setInterval(function(){ 
    currentIndex = (currentIndex + 1) % totalDiv; 

    $(".box").hide(); 
    $(".box").eq(currentIndex).show(); 

},3000); 

DEMO

Answer 2

jsFiddle demo

doBoxBlink = setInterval(blink, 1500); 

function blink() { 
    $('#box2').toggle(); 
}