FOR循环计数

Question

我有以下代码,我试图简单地计数到十使用FOR loop通过每次迭代我想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/