本文介绍了如何更新为 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);
http://jsfiddle.net/3fj9E/
这篇关于如何更新为 javascript/jquery 中的 for 循环的每次迭代显示的 html?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！