倒计时计数器Javascript还是Jquery？

我正在尝试创建一个简单的计数器，它可以从3到0或5到0或其他任何值倒计时

它是一个问题计时器，因此每个数字都需要对用户可见

我试过：

for (i=3;i>=0;i--){

   $(".timerInner").delay(500).text( i );

}

但是运气不好。

使用/代替：

使用/代替：

---

uou需要创建一个基于setTimeout函数的循环，下面是一个草图

var i = 3;

var calc = function(){
    i--;
    if(i==0){
      //start new iteration
      timeout();
    }else{
      //end loop
      return;
    }

};

var timeout = function(){
    setTimeout(calc,1000);
};

---

uou需要创建一个基于setTimeout函数的循环，下面是一个草图

var i = 3;

var calc = function(){
    i--;
    if(i==0){
      //start new iteration
      timeout();
    }else{
      //end loop
      return;
    }

};

var timeout = function(){
    setTimeout(calc,1000);
};

---

我建议使用JavaScript方法

setTimeout

：

function countdown(remainingTime) {
    $('.timerInner').text(remainingTime);
    if (remainingTime > 0)
        setTimeout(function() { countdown(remainingTime - 100); }, 100);
}

​countdown(1000);​

---

要使用的小提琴示例：

我建议使用JavaScript方法

setTimeout

：

function countdown(remainingTime) {
    $('.timerInner').text(remainingTime);
    if (remainingTime > 0)
        setTimeout(function() { countdown(remainingTime - 100); }, 100);
}

​countdown(1000);​

要玩的小提琴示例：

试试这个

var i =5;

var timer = setInterval( calltimer, 500);

function calltimer(){
    $(".timerInner").append( i );

    if(i == 0){
       clearInterval(timer);
    }
    i--;

}

试试这个

var i =5;

var timer = setInterval( calltimer, 500);

function calltimer(){
    $(".timerInner").append( i );

    if(i == 0){
       clearInterval(timer);
    }
    i--;

}

谢谢你的帮助

---

感谢您的帮助

首先，循环速度非常快，因此循环体中的这三条语句基本上是同时执行的。其次，

text

不是动画函数，因此首先调用

delay

没有效果。我认为jQuery有一百万个倒计时脚本可以使用。请选择一个最佳答案@SplattyFirst，循环非常快，所以循环体中的这三条语句基本上是同时执行的。其次，

text

不是动画函数，因此首先调用

delay

没有效果。我认为有一百万个jQuery倒计时脚本可以使用。请选择一个最佳答案@splatyy你还可以省略

else

块。你也可以省略

else

块。谢谢，我最终使用了这段代码，但是我用.text（I）append切换的.append（I）似乎没有显示结果。谢谢，我最终使用了这段代码，但是我用.text（i）append切换的.append（i）似乎没有显示结果。。