jquery - jqueryを使用して各テーブル行の追加の間に遅延を適用できません

Question

各行の追加の間に 3 秒の遅延を取得したい

追加の最初の反復のみが機能し、残りの配列は出力されません

$(document).ready(function(){
var n=[];
for(var i=1;i<80;i++)
{
n[i]=i;
$("#content table").append("<tr><td>"+n+"<td></tr>").setTimeout(3000);
}
});

Answer 1

試す：

 $(document).ready(function () {
 var n = [];
  for (var i = 1; i < 80; i++) {
      n[i] = i;
      $("#content table").delay(3000)
          .queue(function (nxt) {
          $(this).append("<tr><td>" + n + "<td></tr>");
          nxt(); 
      });
   }
 });

サンプル

Answer 2

これが実際の例です: http://jsbin.com/etaqez/4/edit

カウンターでバックアップされた setInterval を使用しました。配列の長さに達すると、間隔はクリアされます。

$(document).ready(function(){
  var n=[];
  for(var i=1;i<80;i++) {
    n[i]=i;
  }

  var counter = 1;

  var addRow = function(elem){
    if (counter < n.length) {
      $("#content table").append("<tr><td>"+n[counter]+"<td></tr>");

      counter += 1;      
    } else {
      clearInterval(timer);
    }
  };

  var timer = setInterval(addRow, 3000);  

});