Question

我正在尝试在for循环中生成3个div并在每次迭代中插入日期时间。我遇到的问题是当函数正确生成三个div时，它会同时向所有3个div添加相同的时间让我（JavaScript新手）相信Date（）函数只被执行一次。如果我们可以向我解释发生了什么，我会非常感激。理想情况下，我想用图形替换Date函数，并在每个div中加载图形。

function gengraphs () {
  for (i=0; i < 3; ++i) {
    var divTag = document.createElement("div");
    divTag.style.width ="1000px";
    divTag.style.height ="600px";
    divTag.id = "graph"+i;
    document.body.appendChild(divTag);
    divTag.innerHTML = Date();

    // divTag.appendChild(getGraph(divTag));   
    // divTag.innerHTML = getGraph(divTag);
  }
}

Answer 1

服务器正在以足够快的速度（以毫秒为单位）执行脚本，使得返回的date（）没有明显不同。尝试延迟或使用增量变量i

Answer 2

循环执行速度非常快，以至于您不会看到时间上的差异。尝试以显着延迟（例如1秒）调用循环内容并将其放入如下所示的函数中：JavaScript sleep/wait before continuing

Javascript Div循环中的日期未正确更新

2 个答案: