无法使用jquery在每个表行之间应用延迟

无法使用jquery在每个表行之间应用延迟,jquery,Jquery,我想在追加每行之间获得3秒的延迟 只有append的第一次迭代有效,数组的其余部分不打印 $(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); } }); $(文档).ready(函数(){ var n=[];

我想在追加每行之间获得3秒的延迟

只有append的第一次迭代有效,数组的其余部分不打印

$(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);
}
});
$(文档).ready(函数(){
var n=[];

对于(var i=1;i,以下是一个工作示例:

我使用了带计数器的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);  

});
$(文档).ready(函数(){
var n=[];
对于(var i=1;i尝试:

$(文档).ready(函数(){
var n=[];
对于(变量i=1;i<80;i++){
n[i]=i;
$(“#内容表”)。延迟(3000)
.队列(函数(nxt){
$(this.append(“+n+”);
nxt();
});
}
});

delay()
不是这样工作的。它适用于
animate
之类的函数,或者你必须建立一个队列。你必须使用
setTimeout()
来代替。谢谢你!为我编写代码并向我介绍jsbin.com,对我这样的学习者非常有用
 $(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(); 
      });
   }
 });