jqueryを使用してx秒ごとにn個のjson項目を表示するにはどうすればよいですか？

Question

2秒ごとに2つずつ表示したい項目が少ないjsonオブジェクト 'items'があります。どうすればいい？そのため、一度にすべてを表示するのではなく、数秒ごとにdivision1にアイテムを表示します。例えば。すべてのアイテムを5秒ごとに取得し、1秒間に4つのアイテムを20個のアイテムで表示します。

<table id="division1" > 
    <thead> 
     <th>Name</th> 
     <th>Score</th> 
    </thead> 
    <tbody></tbody> 
</table> 



function render_items(division){ 
    var tablebody =""; 
     $.each(division.items, function (i,item){ 
      var tablerow ="<tr>" 
       +"<td>"+item.name+"</td>" 
       +"<td>"+item.score+"</td>" 
       +"</tr>"; 
      tablebody = tablebody+tablerow; 

      //$('#test').append(division.name+' '+i+' '+robot.name+'<br>'); 
     } 
     ); 
     $('#'+division.name+" tbody").html(tablebody); 
} 

function poll(){ 
    $.post("data.php", {getvalues: 0}, 
    function (data, status){ 
     $.each (data.divisions, function(i,division){ 
      render_items(division);  

     }); 
    }, 
    'json' 
    ); 
    setTimeout('poll()',5000); 
} 

$(document).ready(function() { 
    poll(); 

} 

Answer 1

それはおそらくのようなもので毎秒それらの範囲を示し、その後、すべての行を非表示にする最も簡単な次のようになります。

function startShow(table) { 
    var index = 0; 
    var trs = table.find("tbody tr"); 
    function update() { 
     if (index >= trs.length) { 
      index = 0; 
     } 
     trs.hide().slice(index, index + 4).show(); 
     index += 4; 
     setTimeout(update, 1000); 
    } 
    update(); 
} 

してから、もう少し明確にし

startShow($("#division1")); 

Answer 2

setTimeoutは、最初の引数として関数をとることができるので、データとカウントを追跡するためにclosure varsを利用できます。