javascript - javascript 旋转器/没有 jQuery

Question

我正在研究一个不使用 jQuery 来旋转/淡化 Div 的滑块。

这是我到目前为止得到的：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

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

这使得divs 无限期地旋转。我假设这就是你想要的。