javascript - FOR 循环计数

Question

我有以下代码，我尝试使用 FOR 循环 简单地数到 10 通过每次迭代，我想使用 jQuery 更新一个 div 元素i

的值

for (i=0;i<=10;i++){
  setTimeout(function(){
      $(".test").html(i);
  },10000);
}​

JSFIDDLE

问题是，循环将执行并且在完成之前不会显示任何内容，这将只是数字 10。

有什么方法可以实现我的需求吗？

感谢

Answer 1

由于闭包效应，您的代码无法按预期工作。它通常通过创建另一个在创建后立即调用的匿名函数来解决:

for (i=0;i <= 10;i++){
    (function(i) {
        setTimeout(function(){
            $(".test").html(i);
        }, i * 1000);
    })(i);
}​

http://jsfiddle.net/zerkms/GgzFW/4/