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

Javascript Div循环中的日期未正确更新,javascript,html,dom,Javascript,Html,Dom,我试图在for循环中生成3个div,并在每次迭代中插入datetime。我遇到的问题是,当函数正确地生成三个div时,它会在所有三个div的后面添加相同的时间,这让我(JavaScript新手)相信Date()函数只执行了一次。如果我们能向我解释发生了什么,我将不胜感激。理想情况下,我希望用graph替换Date函数,并在每个div中加载一个graph function gengraphs () { for (i=0; i < 3; ++i) { var divTag = do

我试图在for循环中生成3个div,并在每次迭代中插入datetime。我遇到的问题是,当函数正确地生成三个div时,它会在所有三个div的后面添加相同的时间,这让我(JavaScript新手)相信Date()函数只执行了一次。如果我们能向我解释发生了什么,我将不胜感激。理想情况下,我希望用graph替换Date函数,并在每个div中加载一个graph

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);
  }
}
函数生成图(){
对于(i=0;i<3;++i){
var divTag=document.createElement(“div”);
divTag.style.width=“1000px”;
divTag.style.height=“600px”;
divTag.id=“图形”+i;
document.body.appendChild(divTag);
divTag.innerHTML=Date();
//appendChild(getGraph(divTag));
//divTag.innerHTML=getGraph(divTag);
}
}

服务器执行脚本的速度足够快(以毫秒为单位),因此返回的日期()没有明显不同。尝试延迟或使用增量变量
i

循环执行得太快了,您看不到时间上的差异。尝试以明显的延迟(例如1s)调用循环的内容,并将其放入如下所示的函数中:

当我取消对在调用日期()处显示图形的函数的注释时也是如此它只显示一个图,而不是在各自的div中显示三个单独的图。另外,当我取消注释一个函数时,该函数在调用Date()的位置显示一个图,它只显示一个图,而不是在各自的div中显示三个单独的图。请尝试创建一个JSFIDLE并找出它的错误。当我运行您的代码时,我没有得到任何
标记?删除以下两行,它就会运行sdivtag.style.width=“1000px”;divTag.style.height=“600px”;