Javascript 从数组中为表附加行设置动画

我有一个table选项卡，它由ad部分和一个对象数组组成，其中的元素实际上是table tbody行

var tab = $("#myTab");

var arr = [tr, tr, tr,...]

<tr>
    <td>Chris</td>
    <td>25</td>
    <td>single</td>
</tr>
...

var-tab=$（“#myTab”）；
var arr=[tr，tr，tr，…]
克里斯
25
单一的
...

我用for循环附加它们：

for(var i=0;i<arr.length;i++){
    tab.append(arr[i]);
}

---

for（var i=0；i对代码使用间隔

 setInterval(function () { 
for(var I=0; I < arr.length; I++) {
      tab.append(arr[I]);
 }, 10000);

setInterval（函数（）{
对于（变量I=0；I

此代码以10秒的间隔追加行
这就是您要查找的内容：


var-tab=$（“#myTab”）；
tr=“克里斯25单身”
var arr=[tr，tr，tr]
var i=0；
var inter=setInterval（函数（）{
如果（i



var_container=$（“#container”）；
var_tr=“Chris
25
单个
”；
var(var)arr=[[u-tr、[u-tr、[u-tr、[u-tr、[u-tr、[u-tr、[u-tr、[u-tr、]；
函数addRows（）{
如果（_arr.length）{
_container.append（_arr.pop（））；
_container.find（“tr:last”）.hide（）；
_container.find（“tr:last”）.fadeIn（2400，addRows）；
}
}
addRows（）；
我特别喜欢fadeIn的回调被用来启动下一行。我选择了类似的方法，但使用了超时，这允许fade和add重叠：