Javascript 在Jquery中添加包含数组信息的元素，延迟时间为几分钟

我有一些数据的数组，我想在运行时将其附加到Div中，并希望这些数据以慢动作动画显示

offers.forEach(function (offer) {
   $("#result_area").append("<div class='alert bg-pink'>" + offer + "</div>");
});

offers.forEach（函数（offer）{
$（“#结果区”）。追加（“+offer+”）；
});

我正在使用此代码将数据附加到

#result_area

div中，它工作正常，但很快就会加载完整的数据，而我希望在一些时间中断的情况下逐个显示数据。

使用jquery的

演示

var提供=[
[“要约人”、“10”]，
[“要约人2”、“20”]，
[“要约3”、“30”]，
[“要约人4”、“40”]，
[“要约5”、“50”]，
[“要约人6”、“60”]，
[“要约人”，“70”]，
[“报价人”、“80”]
];
对于（让i=0；i使用jquery

演示


var提供=[
[“要约人”、“10”]，
[“要约人2”、“20”]，
[“要约3”、“30”]，
[“要约人4”、“40”]，
[“要约5”、“50”]，
[“要约人6”、“60”]，
[“要约人”，“70”]，
[“报价人”、“80”]
];
对于（让i=0；i试试Jquery的.show来设置动画，哪个应该做这个把戏。检查

对于您提供的代码段，请尝试以下操作：

offers.forEach(function (offer) {
   $("#result_area").append("<div class='alert bg-pink'>" + offer + "</div>").show("slow");
});

尝试Jquery的.show来设置动画，哪个应该可以完成这个任务。检查

对于您提供的代码段，请尝试以下操作：

offers.forEach(function (offer) {
   $("#result_area").append("<div class='alert bg-pink'>" + offer + "</div>").show("slow");
});

使用
setTimeout


for（变量i=0；i<5；i++）{
setTimeout（函数（）{
$（“#结果区”）。追加（“+”提供您的价值“+”）；
}，i*500，i）；
}
使用
setTimeout


for（变量i=0；i<5；i++）{
setTimeout（函数（）{
$（“#结果区”）。追加（“+”提供您的价值“+”）；
}，i*500，i）；
}

使用jquery fadeIn（）动画他必须使用
appendTo（）
而不是
append（）
。我正在应用的任何动画都与外部/主div一起工作，而不是与我正在添加的内部div分开工作。你必须使用
appendTo（）
而不是
append（）
。使用jquery fadeIn（）动画他必须使用
appendTo（）
而不是
append（）
。我正在应用的任何动画都与外部/主div一起工作，但与我正在添加的内部div不单独工作。你必须使用
appendTo（）
而不是
append（）
。这也是一次性添加数据。@Anandagrawal请检查这两个选项。同样的事情不适用于for循环，var counter=0；for（i=0；i）为什么在已经有
i
的情况下使用
计数器，反之亦然？请指定确切的行为，而不是说“不工作”。我试过使用计数器和“I”，最后我提到它在所有5次中只显示最后一个索引数据。这也是一次添加数据。@Anandagrawal请检查这两个选项。相同的东西不适用于for循环，var counter=0；for（i=0；i当您已经有了
i
时，为什么要使用
counter
，反之亦然？还要指定确切的行为，而不是说“不工作”。我尝试了使用counter和“i”，最后我提到它在所有5次中只显示最后一次索引数据。
offers.forEach(function (offer) {
   $("#result_area").append("<div class='alert bg-pink'>" + offer + "</div>").show("slow");
});

$("#element).show(4000);
$("#element).show("slow");
$("#element).show("fast");