倒计时计数器Javascript或Jquery？

我正在尝试创建一个简单的计数器，从3到0或5倒数到0或其他什么。

这是一个问题的计时器，因此每个号码都需要对用户可见。

我试过了：

for (i=3;i>=0;i--){ $(".timerInner").delay(500).text( i ); } 

但没有运气。

Answer 1

试试这个，

 var i =5; var timer = setInterval( calltimer, 500); function calltimer(){ $(".timerInner").append( i ); if(i == 0){ clearInterval(timer); } i--; } 

Answer 2

改为使用setInterval / clearInterval ：

 var i = 5; var t = setInterval(function() { i === 0 && clearInterval(t); $(".timerInner").text(i); i--; }, 1000);​ 

Answer 3

我建议使用JavaScript方法setTimeout ：

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

小提琴示例： http ： //jsfiddle.net/MSa8h/1/

Answer 4

你需要创建一个基于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); }; 

Answer 5

 var i =5; var timer = setInterval( calltimer, 500); function calltimer(){ $(".timerInner").text( i ); if(i == 0){ clearInterval(timer); } i--; } 

谢谢您的帮助