javascript - SetTimeout javascript 倒数计时器延迟

Question

嗨，我对下面的代码感到困惑

JSfiddle link

for (var i=6;i>=0;i--)
    {
       
        setTimeout((function(i)
              {
                  
            $("div").delay(4000).html(i);
            alert(i); //if commented unable to see the countdown
            
              })
            (i),4000);
        //alert(1);
        
    }
        

我无法获得倒数计时器.. 怎么了.. 当评论“警报”时无法看到倒数。请有人解释一下上面的代码是如何工作的。发布一些正确的代码

Answer 1

1. .delay() 仅适用于 jQuery 动画方法，不适用于一般的 jQuery 方法，例如 .html()

2. 您的所有超时都会立即触发 - 没有什么可以将它们隔开。

最终结果是(没有 alert)循环中的每次迭代都会立即运行，留下包含 0 的 div 具有不可见的 (并且非常简短)包含之前迭代的其他数字。

试试这个，而不是:

function counter($el, n) {
    (function loop() {
       $el.html(n);
       if (n--) {
           setTimeout(loop, 1000);
       }
    })();
}

counter($('div'), 6);

参见 http://jsfiddle.net/alnitak/t3AA8/