如何對數組中的每個項目使用setTimeout？

Question

在下面：

ko.utils.arrayForEach(cards, function (card) { 
     setTimeout(function() { 
      observableData().saveCard(card); 
     }, 1000); 
    }); 

這是應該等待陣列中的每個卡一秒，但它只是通過陣列等待一次秒鐘，然後爆炸。我怎樣才能達到預期的行爲？

Answer 1

您需要增加超時

var idx = 1; 
ko.utils.arrayForEach(cards, function (card) { 
    setTimeout(function() { 
     observableData().saveCard(card); 
    }, (idx++) * 1000); 
}); 

由於arrayForEach並不像給項目的索引，你需要保持一個單獨的索引

Answer 2

ko.utils.arrayForEach(cards, function (card) { 
    var timeout = setTimeout(function() { 
      observableData().saveCard(card); 
     }, 1000); 
     clearTimeout(timeout); 
    }); 

Answer 3

嘗試

var timer; 
ko.utils.arrayForEach(cards, function (card) 
{ 
     window.clearTimeout(timer); 
     timer=window.setTimeout(function() { 
      observableData().saveCard(card); 
     }, 1000); 
    });