javaScript中的计时器不起作用

时间:2017-02-13 18:05:57

标签: javascript html timer countdowntimer

我在javaScript中创建一个简单的计时器,当你单击文档中的任何位置时它会重新启动,并在重新点击时重置。

var k = 0,
  m = 0,
  s = 0;
document.onclick =
  function() {
    k = 0;
    setTimeout(function() {
      k++;

      if (Math.floor(k / 6000) > 1) {
        m = Math.floor(k / 6000);
        s = Math.floor(k % 6000);
      } else
        s = Math.floor(k / 100);
      document.getElementById('input3').value = "0" + m + ":" + "0" + s + "  " + k;
    }, 10);
  };

input3是计时器中html中显示倒计时的文本框的id

2 个答案:

答案 0 :(得分:2)

您可能想要的是setInterval而不是setTimeout

我做了这个听起来像你想要的例子。 https://jsfiddle.net/5yke1hmp/

答案 1 :(得分:1)

setTimeout(function() {是问题,如果你想创建一个计时器,你应该使用setInterval(function() {

setInterval将在每个“指定时间”之后执行该函数,而setTimeout将仅在“指定时间”之后运行该函数