Question

我正在为网站使用coda滑块，不幸的是，在窗口最小化后，内容滑块播放速度超快。我知道它与Set Time out有关，但我还没有达到完美的结果。任何有关这方面的帮助将不胜感激。我的脚本代码是：

    var theInt = null;
    var $crosslink, $navthumb;
    var curclicked = 0;

    theInterval = function(cur){
        clearInterval(theInt);

        if( typeof cur != 'undefined' )
            curclicked = cur;

        $crosslink.removeClass("active-thumb");
        $navthumb.eq(curclicked).parent().addClass("active-thumb");
            $(".stripNav ul li a").eq(curclicked).trigger('click');

        theInt = setInterval(function(){
            $crosslink.removeClass("active-thumb");
            $navthumb.eq(curclicked).parent().addClass("active-thumb");
            $(".stripNav ul li a").eq(curclicked).trigger('click');
            curclicked++;
            if( 4 == curclicked )
                curclicked = 0;

        }, 8000);
        setTimeout( nextCycle, 2000 );
    };

    $(function(){

        $("#main-photo-slider").codaSlider();

        $navthumb = $(".nav-thumb");
        $crosslink = $(".cross-link");

        $navthumb
        .click(function() {
            var $this = $(this);
            theInterval($this.parent().attr('href').slice(1) - 1);
            return false;
        });

        theInterval();
    });

Answer 1

我总是遇到setTimeout的问题。我的方法是做类似以下的事情：

var timer = setTimeout( function(){nextCycle();}, 2000 );

Answer 2

看起来这个库正在与我正在使用的另一个库发生冲突。我使用了另一个功能，当浏览器窗口最小化或更改选项卡返回页面刷新页面时，在这种情况下，所有脚本都将重新加载，滑块将从头开始。虽然我可以在不刷新整个页面的情况下更好，只需刷新脚本，或者从头开始以某种方式播放滑块，但不幸的是我的javascript知识并不多！这是代码：

     $(window).blur(function() {
//Do Nothing//   
});

$(window).focus(function() {
//This refreshes the whole page //
       location.reload();
});

jquery滑块动画在窗口最小化后快速播放

2 个答案: