为何停止后重新计时就不生效呢

来源:8-4 取消计时器clearInterval()

TomKwan

2021-05-23 23:15

<!DOCTYPE HTML>

<html>

<head>

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

<title>计时器</title>

<script type="text/javascript">

   function clock(){

      var time=new Date();                  

      document.getElementById("clock").value = time;

   }

    var i=setInterval(clock,100);

</script>

</head>

<body>

  <form>

    <input type="text" id="clock" size="50"  />

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

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

  </form>   

</body>

</html>


写回答 关注

3回答

  • 慕先生6547492
    2022-04-07 21:55:10
    换本地编辑器
  • 呵呵没名字
    2021-11-26 14:09:35

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>计时器</title>

    <script type="text/javascript">

       function clock(){

          var time=new Date();                    

          document.getElementById("clock").value = time;

       }

       var i = setInterval(clock, 1000);

       function start(){

           i = setInterval(clock, 1000);

       }

    </script>

    </head>

    <body>

      <form>

        <input type="text" id="clock" size="50"  />

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

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

      </form>

    </body>

    </html>


  • qq_慕沐6353425
    2021-07-05 14:42:22

    wujie

JavaScript进阶篇

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

468196 学习 · 21891 问题

查看课程

相似问题