做一個Javascript滑塊自動幻燈片每4秒

Question

我用的棱鏡效應滑塊，來源：http://tympanus.net/codrops/2015/03/31/prism-effect-slider-canvas/

我試圖讓它自動滑行每4秒

現場版本在這裏：http://codepen.io/jdesign/pen/zqXxVr

Prism Effect Slider 

Answer 1

您在codepen上的示例不起作用。 這裏是你如何做到這一點。只需在返回前將其添加到底部的slideshow.js：

var index = 0; 
setInterval(slideLoop, 4000); 

function slideLoop() { 
    if (index >= slides.length) index = 0; 
    slideAllTo_(index); 
    // change bullet 
    for (var i = 0; i < navigation.element.childNodes.length; i++) { 
     if (i === index) { 
      navigation.element.childNodes[i].className = navigation.attrs.active; 
     } else { 
      navigation.element.childNodes[i].className = ''; 
     } 
    } 
    index++; 
} 

Answer 2

快速查看文檔建議，你可以通過設置duration全局變量做到這一點：

/** 
* Set global duration. 
* @type {Number} 
*/ 
var duration = 4000;