为什么不执行嵌套 setTimeout 中的 removeAttribute 调用

我正在创建一个 rolodex 类型的动画，我正在使用计时器为 3D 动画设置一个类，并动态设置 z 索引，以便元素在需要时相互叠加和叠加。每一秒我都期望底部跨度(divs.children[1](设置类和样式属性，然后在该秒之间，我希望底部删除属性，上半部分(divs.children[0](开始动画。

当我使用以下代码时，每次调用 hideTop() 、 showTop() 和 showBottom() 都按预期工作，但无论何时调用hideBottom()，样式或类属性都不会被删除。我也尝试过使用setAttribute("style", "")，但无济于事。我之前使用setInterval(function() { ... }, 1000)也产生了相同的行为。

代码笔也是。

    var i = 0;
    var x = 100;
    var firstRun = true;
    var digit = document.getElementById("digit");
    var divs = digit.getElementsByTagName("div");
    divs[0].children[0].setAttribute("style", "-webkit-transform: rotateX(0deg);");
    (function scrollRolodex() {
        function showTop(i, x) {
            divs[i].children[0].setAttribute("style", "z-index: " + ((i * x) + 10));
            divs[i].children[0].setAttribute("class", "flip-top");
        }
        function hideTop(i) {
            divs[i].children[0].removeAttribute("style");
            divs[i].children[0].removeAttribute("class");
        }
        function showBottom(i, x) {
            divs[i].children[1].setAttribute("style", "z-index: " + ((i * x) + 5));
            divs[i].children[1].setAttribute("class", "flip-bottom");       
        }
        function hideBottom(i) {
            divs[i].children[1].removeAttribute("style");
            divs[i].children[1].removeAttribute("class");
        }
        if (i < divs.length) { 
            if (i == 0 && !firstRun) {
                hideTop(divs.length - 1);
            } else if (i > 0) {
                hideTop(i - 1); 
            }
            showBottom(i, x);
            window.setTimeout(function() {
                hideBottom(i);
                if (i != (divs.length - 1)) {
                    showTop(i, x);
                } else {
                    showTop(divs.length - 1, x);
                }
            }, 500);
            if (i == divs.length - 1) {
                i = 0;
                x = 100;
                firstRun = false;
            } else {
                i++;
                x++;
            }
        }
        setTimeout(scrollRolodex, 1000);
    }());

谢谢！