jquery每次延迟没有效果

Question

我正在尝试使用each函数并在每次迭代的执行之间暂停。具体来说，我希望脚本在新窗口中打开一堆 URL，但我希望每个窗口打开之间有 2 秒的暂停。现在，每个链接都会打开，中间不会有任何暂停。下面是我现在的代码。我不知道如何使用delay()函数，因为我没有在延迟后调用另一个jQuery效果。我也尝试过 setTimeout 没有效果。我错过了什么？

    $('.url').each(function() {
        url = $(this).attr("href");
        window.open('http://www.google.com' + url);
    });

Answer 1

您需要使用.each()的索引参数^DOCS方法，以便将 setTimeout 延迟乘以项目的索引。这是因为每个循环中的迭代都是立即处理的，因此您实际上将延迟设置为 0、2000、4000、6000 等:

$('.url').each(function(i) {
    var url = $(this).attr("href");
    setTimeout(function() {
      window.open('http://www.google.com' + url);
    }, 2000*i);
});