为什么连续点击start速度会变快,而且stop不下来

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

上元琦梦

2018-12-16 16:16

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>计时器</title>


<script type="text/javascript">

  var num=0;

  var i;

  function startCount(){

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

    num=num+1;

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

  }

  function stopCount(){

   clearTimeout(i);

  }

</script>

</head>

<body>

  <form>

    <input type="text" id="count" />

    <input type="button" value="Start" onclick="startCount()" />

    <input type="button" value="Stop"  onclick="stopCount()" />

  </form>

</body>

</html>


写回答 关注

5回答

  • oliviasun1129
    2019-08-15 17:36:33

    在startCount函数里第一行加 clearTimeout(i);可以解决这个问题

  • 无幻86
    2019-01-10 11:14:00

    同学代码里的第一个代码就解决这个问题

  • wingle
    2019-01-06 09:31:03

    很有趣的发现

  • PaulPierce
    2018-12-31 16:35:34

    可以停止, 你点了多少次start. 就点多少次 stop.

    PaulPi... 回复aycl

    这个我也不清楚. 我是实际测试的结果. 尴尬...

    2019-02-18 16:42:16

    共 2 条回复 >

  • 阳火锅
    2018-12-17 09:44:08

    因为你不停的在打开定时器,你开了无数个。。所以导致程序乱了。。

    阳火锅 回复上元琦梦

    是这样的,首先你点击一下开了一个定时器在跑对吧。。这个定时器不会自己停止,因为你代码只写了打开,没写关闭。然后你二次又点击,等于又把定时器打开。你这样无限制的打开打开,你也数不清你开了多少个定时器了吧。。就相当于多次重复调用

    2018-12-20 09:01:58

    共 2 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题