使Javascript滑块每4秒自动滑动一次

Question

我正在使用Prism Effect Slider，来源：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;