如何在javascript/jquery中为for循环的每次迭代更新显示的html? [英] How do I update the html displayed for each iteration of a for loop in javascript / jquery?

问题描述

我如何在每次循环迭代中更改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?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！