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滑块动画播放窗口后最小化播放

回答

相关问题