在HTML表格中加载每一行时添加延迟 [英] Adding delay on loading each row in HTML table
本文介绍了在HTML表格中加载每一行时添加延迟的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在从Jquery动态加载HTML表的数据。
I am loading data of HTML table dynamically from Jquery.
$(document).ready(function () {
for (var i = 0; i < StudentsList.length; i++) {
LoadRow(StudentsList[i]);
}
});
function LoadRow(student) {
setTimeout(function (student) {
$("#tbl tbody").append("<tr class='trStyleSummary'><td>" + student.Name + "</td></tr>");
}, 1000);
}
我希望表能够延迟逐个加载行。
I want the table to load rows one by one with delay.
我该怎么做?我用1秒尝试了 SetTimeout
,但由于某种原因,它无法正常工作。该表在1秒后完全加载。
How do I do that? I tried SetTimeout
with 1sec, But for some reason, its not working. The table is loading entirely after 1 second.
推荐答案
您的代码无法正常工作,因为追加调用的时间为n:1000行。尝试以下代码,它将解决您的问题,但它肯定不是最好的方法。
Your code is not working because append is getting called at n:1000 for each row. Try following code, it will solve your problem, but it certainly is not a best approach.
$(document).ready(function () {
for (var i = 0; i < StudentsList.length; i++) {
LoadRow(StudentsList[i],i);
}
});
function LoadRow(student,n) {
setTimeout(function (student) {
$("#tbl tbody").append("<tr class='trStyleSummary'><td>" + student.Name + "</td></tr>");
}, 1000*n);
}
这篇关于在HTML表格中加载每一行时添加延迟的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文