无法执行执行clearTimeout?

来源:8-6 取消计时器clearTimeout()

weibo_Gingbery_0

2016-12-30 14:24

代码如下,无法执行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>


写回答 关注

1回答

  • 快乐的哈士奇
    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);

      }}


    weibo_...

    非常感谢!

    2016-12-30 17:13:40

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468690 学习 · 21895 问题

查看课程

相似问题