Показывать div каждые 3 секунды, используя jquery

0

У меня есть эти два 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/

Обновление 1

Ответ, данный Khanh TO работает, но мне интересно, что делать, когда div-счет больше 2. он допускает только два.

  • 1
    Ищите setTimeout и setInterval .
  • 0
    каждые 3 секунды как долго
Показать ещё 3 комментария
Теги:

2 ответа

3
Лучший ответ

Ты нуждаешься в этом?

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

Поделиться
  • 0
    Что я могу сделать, когда у меня больше 2 дел? скажем, 3 деления, и каждый должен отображать и скрывать один за другим с заданным временем. признателен, если вы можете показать мне через скрипач
  • 1
    @mazraara: проверьте обновленный ответ.
Показать ещё 9 комментариев
2

jsFiddle demo

doBoxBlink = setInterval(blink, 1500);

function blink() {
    $('#box2').toggle();
}
Поделиться
  • 0
    пожалуйста, проверьте обновленный вопрос.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню