如何更新为 javascript/jquery 中的 for 循环的每次迭代显示的 html? [英] How do I update the html displayed for each iteration of a for loop in javascript / jquery?
本文介绍了如何更新为 javascript/jquery 中的 for 循环的每次迭代显示的 html?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何为循环的每次迭代更改 h1?这段代码现在只在一切完成后显示 h1 文本.
How would I have the h1 change for each iteration of the loop? This code now only displays the h1 text after everything is done.
for (i=0; i<array.length; i++) {
$("body > h1").text("Processing #" + i);
// things that take a while to do
}
附加信息:如果我在循环时调整窗口大小,则 html 会更新.
Additional info: if I resize the window as it loops, the html updates.
推荐答案
var array = ['one', 'two', 'three']
var i = 0;
var refreshIntervalId = setInterval(function() {
length = array.length;
if (i < (array.length +1)) {
$("h1").text("Processing #" + i);
} else {
clearInterval(refreshIntervalId);
}
i++
}, 1000);
这篇关于如何更新为 javascript/jquery 中的 for 循环的每次迭代显示的 html?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文