问答详情
源自：8-4 取消计时器clearInterval()

为什么点了 停止之后 点开始 再点停止 这个时间就是停不下来呢？

<!DOCTYPE HTML>


<html>


<head>

<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="setInterval('clock()',100)" />

  </form>


</body>


</html>


提问者：qq_Mr_9 2015-11-06 16:03

个回答

  • 烽子
    2015-11-06 17:18:51

    <input type="button" value="Start" onclick="setInterval('clock()',100)" />  启动按钮改成   onclick="i = setInterval('clock()',100)"

    0
  • 李晓健
    2015-11-06 16:10:58

    <!DOCTYPE HTML>

<html>

<head>
<title>计时器</title>

<script type="text/javascript">

   function clock(){
      
   var time=new Date();                
      
   document.getElementById("clock").value = time;
   }
     
     
   var i=setInterval("clock()",100);
   
   var timer = null;
   function start(){
       if(timer){
           clearInterval(timer);
           timer = null;
       }
       setInterval('clock()',100)
   }
    
    function stop(){
        if(timer){
           clearInterval(timer);
           timer = null;
       }
    }
</script>

</head>

<body>

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

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

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

</body>

</html>

    因为你没有接收点按钮开启的定时的引用  那个i也不是，所以你就关不掉了

    0