JS8-6 取消计时器clearTimeout()中的start按钮

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

Scc3661482

2016-08-24 11:52

多次点击start按钮后,计时速度变快

写回答 关注

3回答

  • qq_幸福
    2016-08-28 21:16:09

    我是这么做的,不知道对不对。

    q_Amil...

    你的start按钮根本就没用,所以才出现多次点击start,计时器速度不会变快;

    2016-09-06 18:39:47

    共 1 条回复 >

  • qq_幸福
    2016-08-28 21:14:59

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

  • 易慕秋
    2016-08-24 13:49:24

    主要是你没有清空定时器

    解决办法:在定时器开启之前先清空定时器,clearInterval()或者clearTimeout

    这样不管点击多少次都不会速度变快!

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题