javascript - jQuery 追加延迟

Question

有人可以解释为什么控制台中的行一次性全部追加吗？我希望它们一一 append 。 row 是程序中的字符串数组，代码如下:

var dodajRed = function(redenBroj) {
    setTimeout(function() {
        $('.console').append('<p>' + row[redenBroj] + '</p>');
    }, 1500);
}

dodajRed(0);
dodajRed(1);
dodajRed(2);

我希望行在 1500ms 延迟 的情况下逐一显示，但我却得到了 1500ms 之后出现的所有行。

Answer 1

有很多方法可以做到这一点。一种可能的解决方案是调整超时:

var dodajRed = function(redenBroj){
  setTimeout(function () {
    $('.console').append('<p>'+row[redenBroj]+'</p>');
  }, (redenBroj + 1) * 1500);
}

dodajRed(0);
dodajRed(1);
dodajRed(2);

您还可以设置 promise 链，但您需要支持 ECMAScript 6 的外部库或浏览器。