计数器的代码

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

菜鸟逆袭ing

2016-03-03 11:04

var num=0;

  var i;

  function startCount(){

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

    num=num+1;

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

  }

  setTimeout("startCount()",1000);这一句,如果加上的话,开始按钮就不起作用啊,如果不加,即使按了开始按钮怎么也没有反应?

  function stopCount(){

  clearTimeout(i);

  }

还有就是当按了停止按钮,再按开始,怎么不能继续计数?

写回答 关注

5回答

  • 鸡蛋面
    2016-03-08 14:36:09
    已采纳

    我试了你的代码可以用 不过点start会增加的速度更快。点击start越多速度越快,相应的要点击相同次数的stop才能恢复到原先速度。你可以看下本课程第一个人提出的问题你就明白了。

    菜鸟逆袭in...

    非常感谢!

    2016-03-08 16:16:31

    共 1 条回复 >

  • 菜鸟逆袭ing
    2016-03-04 08:57:39

    是啊,,我的源代码跟你一样,,就是setTimeout("startCount()",1000);这句,,如果加上,,开始按钮就不起作用啊

  • 易青枫
    2016-03-03 19:25:08

    <script type="text/javascript">

      var num=0;

      var i;

      function startCount(){

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

        num=num+1;

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

      }

       setTimeout("startCount()",1000);

      function stopCount(){

       clearTimeout(i);

      }

    </script>

    </head>

    <body>

      <form>

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

        <input type="button" value="Start" onClick="starCount()" />

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

      </form>


  • 菜鸟逆袭ing
    2016-03-03 15:08:53

    我试了的还是不行啊

  • 咦孓世艿夿乄
    2016-03-03 11:40:14

    不用加;代码没问题;你去本地新建一个html测试下就知道了,你的这个问题是慕课网可视化的问题,和代码无关。。

JavaScript进阶篇

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

468782 学习 · 22507 问题

查看课程

相似问题