显示和隐藏使用的setInterval的div（有一些延迟）（无限循环）(Show and Hide

如果有人能帮助我，我想这个js对我的网页的一个过程：

• 60秒的延迟;
• 显示我的DIV 1，持续20秒;
• 60秒的延迟;
• 显示我的DIV 2，持续20秒;
• 60秒的延迟;
• 显示我的DIV 1，持续20秒;
• 60秒的延迟;
• 显示我的DIV 2，持续20秒;
• 。
• 。
• 永远继续下去......

我试图用这个解决方案 ！ 我发现在“StockOverFlow”，但不是为我工作正常。

谢谢

Answer 1:

下面是一些代码，将做到这一点：

HTML：

<div id="block1"></div>
<div id="block2"></div>

使用Javascript：

var shortIntervalTime = 2 * 1000;
var longIntervalTime = 5 * 1000;

function cycle(id) {
    var nextId = (id == "block1") ? "block2": "block1";
    $("#" + id)
        .delay(shortIntervalTime)
        .fadeIn(500)
        .delay(longIntervalTime)
        .fadeOut(500, function() {cycle(nextId)});
}

cycle("block1");

您可以设置间隔时间，以任何你想 - 我把它们用于演示目的设置短这里。 这里使用的jQuery效果序列，然后给定的对象上最后的效果完成后，它的另一对象上再次起动循环结束，永远重复。

你可以看到它在这里工作： http://jsfiddle.net/jfriend00/LTRzV/ 。

文章来源: Show and Hide divs (with some delay) using setInterval (infinite loop)