为什么加了一个时间恢复的按钮,然后再按停止却没用了?

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

weibo_吾乃凤凰院凶真3999740

2016-11-29 11:20

<!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 stop=setInterval(clock,100);
  function start(){
    var stop=setInterval(clock,100); 
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
    <input type="button" value="Stop" onclick="clearInterval(stop)"  />
    <input type="button" value="start" onclick="start()" />
  </form>
</body>
</html>

加了一个start 的恢复 按钮,按了一下确实恢复了,但是再按停止的时候就不行了,为什么?

写回答 关注

1回答

  • 老唐哥
    2016-11-29 11:46:01

     function clock(){

          var time=new Date();                     

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

       }

       var timer = setInterval(clock);

       function stop(){

        clearInterval(timer);

       }

       function start(){

        timer = setInterval(clock);

       }


    weibo_...

    打错了 是第二次按停止

    2016-11-29 13:43:24

    共 2 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题