javascript - 倒计时计时器停在零,我希望它重置

标签 javascript html css

我正在尝试找出一种方法,让我的倒数计时器在倒计时达到 0 时再次从 25 重新开始。我不知道我错了什么,但它不会工作。

Javascript

window.onload = function() {
   startCountDown(25, 1000, myFunction);
}

function startCountDown(i, p, f) {
   var pause = p;
   var fn = f;
   var countDownObj = document.getElementById("countDown");

   countDownObj.count = function(i) {
      //write out count
      countDownObj.innerHTML = i;
      if (i == 0) {
      //execute function
      fn();
      //stop
      return;
   }
   setTimeout(function() {
      // repeat
      countDownObj.count(i - 1);
      },
      pause  
      );
   }
   //set it going
   countDownObj.count(i);
}

function myFunction(){};
</script>

HTML

    <div id="countDown"></div>

最佳答案

试试这个,计时器在 0 后重新启动

http://jsfiddle.net/GdkAH/1/

完整代码:

window.onload = function() {
startCountDown(25, 1000, myFunction);
}

function startCountDown(i, p, f) {
    var pause = p;
    var fn = f;
    var countDownObj = document.getElementById("countDown");

    countDownObj.count = function(i) {
    //  write out count
    countDownObj.innerHTML = i;
    if (i == 0) {
    //  execute function
        fn();
        startCountDown(25, 1000, myFunction);
        //  stop
        return;
    }
    setTimeout(function() {
            //  repeat
            countDownObj.count(i - 1);
    }, pause);
}
//  set it going
countDownObj.count(i);
}

function myFunction(){};

​

关于javascript - 倒计时计时器停在零,我希望它重置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13639685/

相关文章:

javascript - 如何在 Angularjs 中向 url 添加哈希和查询参数

javascript - jQuery滑动删除div栏

javascript - 当它具有选定的类时在文本下划线或/并单击它并将文本垂直居中放置

html - 在移动设备上隐藏某些电子邮件元素

jquery - 使用 CSS 选择没有子列表的列表项

javascript - 通过多次点击创建字符串

javascript - IE8(兼容模式)不会加载我的 Ajax 内容

javascript - Jquery 不返回表单 INPUT 中的值

html - 当我们谈论 "mobile"设备时,最大尺寸是多少?

javascript - 如何定时更新主页?