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