滑塊不會重複

Question

我希望這張幻燈片仍然播放並不停止。就像一個自動循環。那麼最好的代碼是什麼？如果你想編輯它，這裏的JsFiddle

這裏的JS代碼：

var s = 0, 
    t = 2000; 
$(document).on('ready', slide); 

function slide() { 
    var speed = setTimeout(slider, t,); 
} 

function slider() { 
    s++; 
    var sld = $('#slider li'), 
     imgs = sld.length; 
    if (s == imgs) { 
     s = 0; 
    } 
    sld.eq(s - 1).animate({ 
     'left': '0px' 
    }, t, function() { 
     sld.eq(s).animate({ 
      'left': '0px' 
     }, t, function() { 
      speed = setTimeout(slider, t); 
     }); 
    }); 
} 

Answer 1

你的JavaScript改成這樣：

var s = 1, t = 3000; 
$(document).on('ready', slider); 

function slider(){ 
    var sld = $('#slider li'), 
     imgs = sld.length; 
    if(s == imgs){ 
     $('#slider li').css('left', ''); 
     s = 1; 
    } 
    sld.eq(s).animate({'left': '0px'}, t, function(){ 
     setTimeout(slider, 1000); 
    }); 
    s++; 
} 

併爲您JSFiddle。