ウィンドウが最小化された後にjqueryスライダーアニメーションが早く再生される

Question

ウェブサイトにコーダースライダーを使用していますが、残念ながらウィンドウが最小化された後、コンテンツスライダーが超高速に再生されます。私はセットタイムアウトと関係があることを知っていますが、私はまだ完璧な結果を達成できませんでした。これについての助けに感謝します。私のスクリプトコードは：

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(); 
});