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

Make a Javascript slider auto-slide every 4 seconds

本文关键字：一次 Javascript 4秒      更新时间：2023-09-26

我正在使用棱镜效果滑块，来源：http://tympanus.net/codrops/2015/03/31/prism-effect-slider-canvas/

我试着让它每4秒自动滑动一次

此处为实时版本：http://codepen.io/jdesign/pen/zqXxVr

Prism Effect Slider

您在codepen上的示例不起作用。以下是你的操作方法。只需在返回前将其添加到底部的幻灯片中即可：

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++;
}

快速查看文档表明，您可以通过设置duration全局变量：来完成此操作

/**
 * Set global duration.
 * @type {Number}
 */
var duration = 4000;
相关文章：