小编NGM*_*NGM的帖子

使用ajax更新元素在for循环结束之前不会产生影响

我想用 AJAX 逐一打印很多数字。

像这样:(每一行都是上一行的更新!)

output is:
    1
    12
    123
    1234
    12345
    123456
    ...
Run Code Online (Sandbox Code Playgroud)

我尝试了很多并阅读了很多相同的问题,但我找不到正确的答案。

真正的问题是javascript中的每个FOR LOOP在结束循环后都不会影响DOM。我只想在处理长时间运行的工作时更新 FOR LOOP 内的 DOM。

请看我的代码。

output is:
    1
    12
    123
    1234
    12345
    123456
    ...
Run Code Online (Sandbox Code Playgroud)
$("#btn").on("click", dowork);

function dowork() {
  document.getElementById("foo").innerHTML = "working";
  setTimeout(function() {
    var counter = 100; // i want assign counter = 2000000000
    for (var i = 0; i < counter; i++) {
      document.getElementById("print_here").innerHTML += i;
    }
    document.getElementById("foo").innerHTML = "done!";
  }, 50);
}
Run Code Online (Sandbox Code Playgroud)
#btn {
  background: #1f1f1f;
  padding: 10px;
  font-weight: bolder;
  color: …
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery long-integer

5
推荐指数
1
解决办法
210
查看次数

标签 统计

ajax ×1

javascript ×1

jquery ×1

long-integer ×1