Question

我在创建的jQuery滑块脚本时遇到问题。当我在浏览器中打开页面很长时间时会出现此问题：滑块会加速。

这是我的JS代码：

function intervalTrigger() {
        return window.setInterval(function()
            {
                $("#sliderControl ul li.currentSlideControl").removeClass("currentSlideControl");
                $("#sliderControl ul li:eq("+nextSlide+")").addClass("currentSlideControl");

                $("#topSlider ul.slider li.currentSlide").fadeTo(1500, 0).removeClass("currentSlide");
                $("#topSlider ul.slider li:eq("+nextSlide+")").fadeTo(1500, 1.0).addClass("currentSlide");
                nextSlide = ( (nextSlide+1) < nbSlides ) ? nextSlide+1 : 0;

            }, 5000);
        }
    var id = intervalTrigger();

正如您所看到的，每张幻灯片之间的间隔为5秒，但如果我将页面打开很长时间，则滑块会加速并且幻灯片非常快。

有人告诉我，我必须解开间隔，但我不知道该怎么做。：/

有人可以帮助我吗？

PS：抱歉我的英语不好。：（

js / jquery自制滑块脚本

0 个答案: