javascript - 幻灯片在2个循环后停止吗？

我试图弄清楚如何将滑块设置为在2个循环后停止。使用下面的以下代码来解决此问题的最佳方法是什么？是否应将长度存储在变量中以进行计数并设置条件以查看是否匹配大小写并停止？有什么想法吗？

var slider = $(".box .slide");
var slideIndex = -1;

function showNextSlide() {
    ++slideIndex;
    slide.eq(slideIndex % slide.length)
        .fadeIn(700)
        .delay(4000)
        .fadeOut(700, showNextSlide);
}

showNextSlide();

最佳答案

您可能可以在showNextSlide中应用条件语句。

var numSlides = 123; // define or get the number of slides you have here

function showNextSlide() {
    if (slideIndex < 2* numSlides) {
        ++slideIndex;
        slider.eq(slideIndex % slider.length)
            .fadeIn(700)
            .delay(4000)
            .fadeOut(700, showNextSlide);
    }
}