Question

我正在尝试创建一个简单的计数器，从3到0或5到0或其他任何数据向后计数。

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

我试过了：

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

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

}

但没有运气。

Answer 1

改为使用setInterval / clearInterval：

var i = 5;

var t = setInterval(function() {
    i === 0 && clearInterval(t);

    $(".timerInner").text(i);
    i--;
}, 1000);

Answer 2

试试这个，

var i =5;

var timer = setInterval( calltimer, 500);

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

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

}

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--;

}

感谢您的帮助

倒计时器Javascript或Jquery？

5 个答案: