如何在setInterval循环中设置延迟？

Question

这里是我的代码部分：

$('#monitor').click(function(){ 
      setInterval(function(){ 
        $('#status_table tr [id^="monitor_"]:checked').each(function() { 
         monitoring($(this).parents('tr')); 
        }); 
       },15000); 
     }); 

我想打电话给每一行的功能monitoring在具有其对应的复选框选中的表。如果我只有一个，它工作正常。但是当我有一个以上的时候，它会乱七八糟，这意味着它不会在表中追加正确的状态。 这里是我的功能monitoring：

 function monitoring($row) { 
      fbType = $row.find('td:nth-child(3)').html(); 
      fbNum = $row.find('td:nth-child(4)').html(); 
      eachStatus =$row.find('td:nth-child(5)').attr('id'); 
      $('#ptest').append(fbType + ' '+ fbNum+' '+ eachStatus +'<br>'); 

      $.post('/request', {inputText: fbNum,key_pressed: fbType.toString()}).done(function (reply) { 
       if (reply == "on") { 
        $('#status_table tr #'+eachStatus).empty().append("on"); 

       } else if (reply =="off") { 
        $('#status_table tr #'+eachStatus).empty().append("off"); 

       } 
      }); 
     } 

我如何可以延迟函数调用的每一行？我试图#ptest显示undefined以下

 $('#monitor').click(function(){ 
      setInterval(function(){ 
        $('#status_table tr [id^="monitor_"]:checked').each(function() { 
         setTimeout(function(){ 
          monitoring($(this).parents('tr')); 
         }); 
        },1000); 
       },15000); 
     }); 

但股利。

Answer 1

你只是延缓在一起，这就是为什么他们仍然一起运行。你想要的是将它们从延迟。

$('#monitor').click(function(){ 

    //a jQuery object is like an array 
    var checked = $('#status_table tr [id^="monitor_"]:checked'); 

    (function loop(i){ 

    //monitor element at index i 
    monitoring($(checked[i]).parent('tr')); 

    //delay 
    setTimeout(function(){ 
     //when incremented i is less than the number of rows, call loop for next index 
     if(++i<checked.length) loop(i); 
    },15000); 

    }(0)); //start with 0 

}); 

Answer 2

试试这个：

setTimeout(function(){ 
    monitoring($(this).closest('tr')); 
},1000); 

Answer 3

替换您如下一行：

monitoring($(this).parents('tr')); 

这一个：

monitoring($(this).parent('tr'));