javascript 旋转器/无 jQuery

Question

我正在开发一个 slider 来旋转/淡入淡出 Div，而不使用 jQuery。

这是我到目前为止得到的:http://jsfiddle.net/AlexHuber/V2Avd/24/

它在 4 个 Div 的数组中旋转一次，继续到第一个 Div，然后停止。

有什么想法吗？谢谢，亚历克斯

var box=document.getElementById("box");
var index=box.children.length-1;
var active;
var next;

box.children[0].style.zIndex="1";
box.children[1].style.zIndex="1";
box.children[2].style.zIndex="1";
box.children[3].style.zIndex="1";

var timer1 = setInterval(function(){
    active = box.children[index];
    next = (index > 0) ? box.children[index-1] : box.children[box.children.length-1];

    active.style.zIndex = "3";
    next.style.zIndex = "2";

    var opa = 1.0;
    var timer2 = setInterval(function(){
        if (opa <= 0){    
            active.style.zIndex="1";
            active.style.opacity="1.0";
            next.style.zIndex="3";
            clearInterval(timer2);            
        }
        else {
            active.style.opacity = opa;
            opa -= 0.1;
        }
    }, 50);      
    index -= 1;
    if (index < 0) 
        index = box.children.lenght-1;            
}, 2000);

Answer 1

在倒数第二行将 .length-1 更改为 .length-1

这使得 div 无限旋转。我假设这就是您想要的。