jquery - 我怎样才能让它在到达最后一张幻灯片后重新启动循环？

Question

我将这些指示器链接到每张幻灯片，但是当我到达第 11 张幻灯片时，如果我继续循环浏览幻灯片，它就会停止。我需要在到达 12 号后将其返回到 1。任何人都可以帮忙吗？

for (var i = 1; i <= 12; i++) {
    if (jQuery('#slide-' + i).is(':visible')) {
    console.log('#slide-' + i);
    jQuery('#page_count-' + i).addClass('active');
} else {
    jQuery('#page_count-' + i).removeClass('active');
   };
};

我尝试过: 如果(我= 12){ 我=1； };

但它破坏了页面......有什么想法吗？

Answer 1

就我个人而言，我会使用递归函数而不是循环。

var current_slide = 1;
var number_of_slides = 3;
var time_between_slides = 3000; // ms
var nextSlide = function() {

    // do your stuff that changes slides here

    if (current_slide < number_of_slides) {
        current_slide++;
    } else {
        current_slide = 1;
    }

    window.setTimeout(function() {
        nextSlide() // function calls its self, creating an "infinite loop"
    }, time_between_slides);
};
window.setTimeout(function() {
    nextSlide(); // initially call the function to go to the next slide
}, time_between_slides);