2016-05-12 96 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