为什么计数时钟不起作用？

Question

for(i=0;i<10;i++){
    setTimeout(function(){
        document.write(i);
    },(i*1000));
}

这是我的代码，它除了计数部分外都有效。 它每秒写入 10 个。谁能告诉我为什么？

Answer 1

这是一个已知问题。 当你像i这个值变化那样迭代时，在执行超时函数之前，你需要为每次执行复制i值。

最简单的解决方案是将其传递给单独的方法，如下所示：

for(i=0;i<10;i++){
   addToDocument(i);
}

function addToDocument(i){
 setTimeout(function(){
        document.write(i);
    },(i*1000));
}

与 java 不同，javascript 的问题在于它不会将i视为最终的内部结构，这就是您需要复制它的值的原因。