2016-05-12 117 views
0

这是可以设置的时间间隔为自举传送带jQuery中使用此代码获取间隔:引导轮播:通过jQuery

$('.carousel').carousel({ interval: 1000 * 10 }); 

我的问题是:

我怎样才能获得的间隔?

我的意图是以默认间隔启动传送带,并在每次转换后减慢传送带的速度。 这样,人们马上说有幻灯片放映,但随着幻灯片放映速度的增加,阅读标题的时间越来越多。

谢谢。

回答

1

启动后可以更改轮播选项。这是一个简单的例子,通过将间隔选项加倍,每个周期的速度会减半。

var carousel = $('.carousel'); 
var slides = carousel.find(".item").length; 
carousel.carousel({ interval: 1000 }); 

var slowDown = function() { 
    var options = carousel.data()['bs.carousel'].options; 
    options.interval = options.interval * 2; 
    carousel.data({ options: options }); 
    console.log(options.interval); 
} 

carousel.on('slide.bs.carousel', function() { 
    var slideFrom = $(this).find('.active').index() + 1; 

    if (slideFrom === slides) { 
     slowDown(); 
    }   
}); 
+0

您的代码工作得到的时间间隔。谢谢。我添加了一行以使它在鼠标上停留20秒:$('#carousel')。one('mousemove',function(){$('。carousel')。carousel({interval:1000 * 20} );});它不起作用。有什么建议么? – Cymro