Javascript 浏览器选项卡未激活时的Jquery简单滑块问题

我编写了一个简单的jquery滑块，它基本上经历了3个div，隐藏一个div，然后使用setInterval进行下一个div，依此类推

滑块对于我来说工作得很好，但是当我打开其他选项卡，然后回到页面的选项卡时，所有div都可见，然后它们开始消失，并再次开始工作

这是我的jquery，它位于$function{}内：

---

我想你可能遇到了另一个问题，上面说：

当选项卡处于非活动状态时，最多每秒调用一次函数

因此，您可以对setInterval进行不同的编码，或者检测tab开关以停止幻灯片放映并重新启动tab focus

此外，可能有用，因为它指出

在非活动选项卡中，每秒也会有一次超时

---

我想你可能遇到了另一个问题，上面说：

当选项卡处于非活动状态时，最多每秒调用一次函数

因此，您可以对setInterval进行不同的编码，或者检测tab开关以停止幻灯片放映并重新启动tab focus

此外，可能有用，因为它指出

在非活动选项卡中，每秒也会有一次超时

另见：另见：

    $('#slideshow-next').click(function() {
    pauseSlideshow();
    nextSlide();
});

$('#slideshow-prev').click(function() {
    pauseSlideshow();
    prevSlide();
});

$('#slideshow-pause').click(function(){
    pauseSlideshow();
});

$('#slideshow-play').click(function() {
    playSlideshow();
});

interval = setInterval('nextSlide()', 4000);
});

function playSlideshow() {
    interval = setInterval('nextSlide()', 4000);
    $('#slideshow-play').hide();
    $('#slideshow-pause').show();
    nextSlide();    
}

function pauseSlideshow() {
    interval = clearInterval(interval);
    $('#slideshow-pause').hide();
    $('#slideshow-play').show();
}

function nextSlide() {

    //hide current slide
    $('#slide'+currentSlide).hide();
    // show next slide
    var next = (currentSlide+1)%3;
    $('#slide'+next).fadeIn('slow');
    currentSlide = next;        
}

function prevSlide() {

    //hide current slide
    $('#slide'+currentSlide).hide();
    // show next slide
    var next = (currentSlide-1)%3;
    $('#slide'+next).fadeIn();
    currentSlide = next;
}