问答详情
源自:8-6 取消计时器clearTimeout()

无法执行执行clearTimeout?

代码如下,无法执行clearTimeout,通过console.log()可以看到startCount()一直在运行,请问为什么?

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
</head>
<body>
<form>
<input type="text" id="count"  />
</form>
<script type="text/javascript">
  var num=0,i;
  function startCount() {
    console.log(num);
    if(num==5){
      stopCount();
    }
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }
  function stopCount(){
    clearTimeout(i);
  }
  startCount()
</script>
</body>
</html>


提问者:weibo_Gingbery_0 2016-12-30 14:24

个回答

  • 快乐的哈士奇
    2016-12-30 15:26:03
    已采纳

    IF 语句没写完整啊 应该把19-21行放在else里面,要不然你这样写,if语句只控制到了num一次,后面的num不受控制当然不会停止输出,18-21如下改就可以了

    }else{

        document.getElementById('count').value=num;

        num=num+1;

        i=setTimeout("startCount()",1000);

      }}