jquery滑塊動畫播放窗口後最小化播放

我正在使用網站的尾聲滑塊，不幸的是窗口最小化後，內容滑塊播放速度非常快。我知道這與設置時間有關，但我還無法達到完美的效果。任何幫助，將不勝感激。我的腳本代碼是：jquery滑塊動畫播放窗口後最小化播放

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

來源

2012-05-04 Dave Homer

與Java無關。標籤已移除。 –

我總是遇到setTimeout的問題。我的方法是做一些類似如下：

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

來源

2012-05-04 15:19:04

謝謝凱爾，但是在我把代碼放入之後，它仍然不起作用。我對Jquery很陌生。所以如果你能告訴我在哪裏以及如何實施它，我將不勝感激。謝謝。 –

您的項目是否公開？你能發佈一個鏈接嗎？ –

不幸的不是。這是我正在工作的滑塊：[鏈接]（http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/）但我只注意到這個工作正常，我想我已經在我的項目中加入了更新版本的Jquery，因爲舊版本除去了彈出燈箱等其他部分的功能。我認爲它與Jquery版本有關。我只需要知道在哪裏放置代碼。 –

貌似庫與我在使用其他庫的碰撞。我使用了另一個功能，當瀏覽器窗口被最小化時，或者在返回頁面刷新頁面時更改標籤，在這種情況下，所有腳本都將重新加載，並且滑塊將從頭開始。雖然不用刷新整個頁面，只刷新腳本，或者以某種方式從頭開始播放滑塊，但是不幸的是，我的javascript知識並不多！這裏是代碼：

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

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

來源

2012-08-07 09:20:06

jquery滑塊動畫播放窗口後最小化播放

回答

相關問題