Question

我需要两个div来每隔两分钟切换一次（所以一个显示，一个隐藏）。我很确定这需要用Jquery完成，但我仍然是一个菜鸟。我尝试了一些我在网上找到的例子，但它们似乎都不适合我。

这是我的HTML：

<div class="contentpanel">
    <div id="sect1"></div>
    <div id="sect2" style="display:none;"></div>
</div>

我真的希望有人可以帮助我，因为我有点被我读过的所有东西卡住了。

Answer 1

您可以使用setInterval执行此操作：

JSFIDDLE

setInterval(function(){
    if ($("#sect1").is(":visible")){
        $("#sect1").hide().siblings().show();
    }else{
        $("#sect2").hide().siblings().show();
    }
}, 1000); //1000 equals 1 sec

注意：虽然理论上其他解决方案都很好，但从版本1.8开始不推荐使用.toggle()，并且不能在最新版本中使用

Answer 2

只需将toogle()与setInterval()一起使用，确保最初有一个display:none的div

像这样

setInterval(function(){
    $(".contentpanel div").toggle();
},2000); //1000 equals 1 sec

这是 Fiddle

Answer 3

您可以使用与toggle相关联的setInterval功能，例如：

setInterval(function(){$('#sect1, #sect2').toggle();},120000);

Fiddle Demo

修改

自jQuery 1.9起，不推荐使用toggle事件处理程序。

Toggle event Documentation

然而，切换方法仍在使用！它适用于jQuery 2.x

Toggle method Documentation

每两分钟显示和隐藏不同的div

3 个答案: