javascript - 循环对象时更新页面上的 DIV 元素

Question

我有一个函数，它使用 for 循环循环遍历具有许多元素的对象。在循环访问每个元素时，它会连接到服务器并通过 ajax 发送一些数据，等待响应，然后转到对象中的下一个元素。如果对象具有许多元素，则循环完成可能需要长达 2 分钟或更长时间。我想在页面上直观地显示循环完成之前还剩下多少元素。

问题是循环时屏幕卡住。有没有办法在循环对象时更新页面上的 DIV 元素？

Answer 1

var a;//let's assume this is your array
...
...
for(var i =0;i<N;i++)
{
 (function(a,b){setTimeout(f(a,b),0);})(i,a[i]);
}
...
...

function f(current, element)
{
 //call your server api here
 //send data to a div using value of current 
}