jQuery - 以不同的时间间隔显示/隐藏 div

Question

我有这两个 div，想要交替显示和隐藏 div .one 和 .two。

我想间隔显示 div .one 10 秒，隐藏它并显示 div .two 5 秒。

我只能使用类，因为我有多个 .one 和 .two 类，它们都必须随 jQuery 代码进行更改。

HTML:

<div class="one">show div 10 seconds</div>
<div class="two">show div 5 seconds</div>

jQuery:

setInterval("$('.one, .two').toggle();",2000);

参见DEMO这里

可以这样做吗？我尝试使用 .delay 但这不适用于 setInterval。

Answer 1

InitialFlip();

function InitialFlip() {
    setTimeout(SecondFlip, 10000);
}

function SecondFlip() {
    $(".one, .two").toggle();

    setTimeout(function() {
        $(".one, .two").toggle();
        InitialFlip();
    }, 5000);
}