如何更新为 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);

http://jsfiddle.net/3fj9E/

这篇关于如何更新为 javascript/jquery 中的 for 循环的每次迭代显示的 html?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！