Javascript设置间隔时间过长，无法重置

嘿，我有一个面板（br_panel），它包含四个div，类为“smallPanel”，id为br_Panel1、br_Panel2等，大小相同，位置重叠。当功能运行时，每5秒一个淡出并显示下面的一个，当它们全部淡出后，它们都会带着淡出的颜色返回。问题是最后一个div的淡出和淡出之间的停顿时间都是15秒，是每个div离开所需时间的三倍。如何将重置时间的暂停时间减少到5秒

setInterval(function() {
    if(i < 0) {
        $('#br_Panel').find($('.smallPanel')).fadeIn();
        i = 5;
    }
    else
        i--;
    $('#br_Panel').find($('#br_Panel' + i)).fadeOut();
}, 5000);

setInterval（函数（）{
if（i<0）{
$（'br#Panel'）。查找（$（'smallPanel'））.fadeIn（）；
i=5；
}
其他的
我--；
$（'br#u面板'）.find（$（'br#u面板'+i））.fadeOut（）；
}, 5000);

这是html（如果有帮助的话，每个最里面的div都被绝对定位到#br_面板，以便它们彼此重叠）：

内容
内容
内容
内容

您提到您的br_面板包含四个带有smallPanel类的div，但是在重置

i

之前，间隔函数将运行六次（5、4、3、2、1、0）。这可能是因为您的函数比需要运行的时间多了2次，这会导致您的延迟比应该的时间长10秒

另外，在使用.find（）时，只需传入正在使用的字符串css选择器，而不需要输入jQuery对象：

$('#br_Panel').find('.smallPanel').fadeIn();

---

你能显示你的HTML吗？

$('#br_Panel').find('.smallPanel').fadeIn();