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

源自：8-4 取消计时器clearInterval()

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

<!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 的恢复按钮，按了一下确实恢复了，但是再按停止的时候就不行了，为什么？

提问者：weibo_吾乃凤凰院凶真3999740 2016-11-29 11:20

个回答

老唐哥

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);
}

0