JavaScript代码执行延迟 函数附加（什么）{ $（“#抽屉”）。附加（什么）； } 函数outerHtml（o）{ 返回$（“”）.append（$（o.clone（））.html（）； } var-allPixel=[]； $（“.pix”）。每个（函数（）{ allPixel.push（outerHtml（$（this））； }); $（“#抽屉”）.empty（）； var指数； 用于（索引=0；索引

我有一个容器（

#drawer

），里面装满了许多div元素。在这个函数中，每个div元素的HTML分别保存在一个数组中。完成此操作后，div元素将被清除

数组中的所有像素现在都是div元素。我希望每个div元素都能以100ms的延迟添加到

#drawer

问题：

如果我运行这个函数，什么也不会发生（div没有消失/出现）。我做错了什么

如果有任何不清楚的地方，请随时告诉我，我会修改我的问题

---

被问到的问题。。。请在操作中查看它：

您正在调用立即调用的方法，并将其返回值，即

未定义的
传递给

您可以设置其他参数，以便在计时器对方法过期时传递给
append
函数

使用

此外，您还需要根据元素索引增加计时器。您正在调用立即调用的方法，并将其返回值（即未定义的）传递给

您可以设置其他参数，以便在计时器对方法过期时传递给
append
函数

使用

此外，您还需要根据元素索引增加计时器，创建JSFIDLE，或在此处添加可执行代码。请确认，首先，您的
setTimeout
调用错误，第一个参数应该是函数而不是函数调用。第二，您想在100毫秒后同时添加所有像素，还是在添加前一个像素100毫秒后添加每个像素？创建一个JSFIDLE，或者在此处添加可执行代码请确认，首先，您的
setTimeout
调用错误，第一个参数应该是函数而不是函数调用。第二，您想在100毫秒后同时添加所有像素，还是在添加上一个像素100毫秒后添加每个像素？非常感谢！现在它工作得很好！（我用了“setTimeout（append，10*index，pixel）”）非常感谢！现在它工作得很好！（我使用了“setTimeout（追加，10*索引，像素）”）
function append(what) {
    $("#drawer").append(what);
}

function outerHtml(o) {
    return $("<div />").append($(o).clone()).html();
}

var allPixel = [];

$(".pix").each(function() {
    allPixel.push(outerHtml($(this)));
});

$("#drawer").empty();

var index;

for (index = 0; index < allPixel.length; index++) {
    pixel = allPixel[index];
    setTimeout(append(pixel), 100);
}

setTimeout(append, 100 * (i + 1), pixel);