javascript - 在迭代之间的 jQuery 每次循环中等待/暂停/ sleep

Question

我只是想在 jQuery 每次循环的每次迭代后添加一个暂停，我似乎无法弄清楚。

$(".item").each(function(i){
    var el = this;
    var timer = setTimeout(function(){
        $(el).trigger("click");
    }, 500);
});

这不是每 1/2 秒触发一次，而是一次触发对所有项目的点击。

我想要这样的东西(伪代码):

$(".item").each(function(i){
    $(this).trigger("click");
    wait(500); // wait a half second before the next iteration
});

这个有什么工作原理吗？

Answer 1

您不能用 $.each 真正做到这一点。您可以使用 setTimeout 并保留对您当前所在索引的引用:

function process(elements, cb, timeout) {
    var i = 0;
    var l = elements.length;

    (function fn() {
        cb.call(elements[i++]);
        if (i < l) {
            setTimeout(fn, timeout);
        }
    }());
}

process($('.item'), function() {
    $(this).click();
}, 500);