2

可能重复:
在 for 循环中设置超时并将 i 作为值传递

我正在尝试生成动态数组并将此数组用作循环..但在循环中 settime out 不起作用或函数不起作用。这是我的代码

jQuery(document).ready(function () {
    temp = new Array();
    generateArray(temp);

    function generateArray(temp) {
        if (temp.length < 10) {
            res = randomXToY(1, 10, 0);
            for (var k = 0; k < temp.length; k++) {
                if (temp[k] == res) {
                    var test = 1;
                }
            }
            if (test != 1) {
                temp.push(res);
                //abc(temp);
            }
            generateArray(temp);
        } else {
            for (var z = 0; z < 10; z++) {
                tnest(temp[z]);
                setTimeout(function () {
                    removeClassImg(temp[z])
                }, 3000);
            }
            temp = new Array();
            generateArray(temp);
        }
    }

    function removeClassImg(result1) {
        alert(result1);
        $('#img' + result1).fadeTo(12000, 0.1);
        return true;
    }

    function tnest(result) {
        alert(result);
        $('#img' + result).fadeTo(12000, 1);
        return true;
    }

    function randomXToY(minVal, maxVal, floatVal) {
        var randVal = minVal + (Math.random() * (maxVal - minVal));
        return typeof floatVal == 'undefined' ? Math.round(randVal) : randVal.toFixed(floatVal);
    }
});

函数 removeClassImg 中的警报不起作用..我在 for 循环中使用 settimeout 这不能正常工作。

4

2 回答 2

4

它与超时和循环有关。您需要将其包装在一个闭包中,以便您的超时回调绑定到z“当时”的值。

我在循环之后也注意到了这一点:

temp = new Array();
generateArray(temp);

当您想要操作延迟操作时,您的数组不再包含您需要的值。你已经清除了它们。

尝试这个:

for (var z = 0; z < 10; z++) {
    (function (tz) {                  //"localize" temp[z] by creating a scope
        tnest(tz);                    //that makes temp[z] local. this is done
        setTimeout(function () {      //by creating an immediate function
            removeClassImg(tz)        //passing temp[z] into it. that way, the 
        }, 3000);                     //timeout receives a local temp[z] which
    }(temp[z]));                      //has the value of temp[z] "at that time"
}

这是一个带封闭的样本和一个没有封闭的样本。3 秒后,您会看到没有它的那个会记录所有 10,而不是 0-10。

于 2012-05-24T08:27:29.213 回答
2

那是因为您正在访问您z在 中设置的函数中的变量setTimeout,创建一个闭包,并z在循环中使用。这意味着,当调用函数时,您可能最终会得到zequals 。10setTimeout

我已经在这里讨论过这个问题和可能的解决方案:How to pass a variable into a setTimeout function? 我想它会帮助你!

于 2012-05-24T08:29:31.967 回答