为了账号安全,请及时绑定邮箱和手机立即绑定

时间停止和继续问题,代码贴在下面,为何先点击继续时间按钮就不能停止了,停止按钮无效了,怎么回事?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
  var attime,stop;
  function clock(){
    var time=new Date();         
    attime=time.getHours()+":"
          +time.getMinutes()+":"
          +time.getSeconds();
    document.getElementById("clock").value = attime;
  }
  stop=setInterval(clock,100);
  function fun1(){
     clearInterval(stop);
     alert("时间停止!");
  }
   function fun2(){
     stop=setInterval(clock,100);
     alert("时间继续!");
  }
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50"  />
<input type="button" value="点击我停止时间" onclick="fun1()">
<input type="button" value="点击我继续时间" onclick="fun2()">
</form>
</body>
</html>

正在回答

2 回答

因为你先点继续就等于增加了一个setInterval,并将这个新加的赋值给了stop,那么你每次clearInterval就只能清除掉这个新加的,而清除不掉原来有的,因为没有变量指向老的setInterval了,所以最好在fun2的一开始把stop清除掉,然后再增加setInterval赋值给stop

0 回复 有任何疑惑可以回复我~
#1

liuzh_ 提问者

非常感谢!
2015-12-08 回复 有任何疑惑可以回复我~

在你的fun2里添加 clearInterval(stop);

1 回复 有任何疑惑可以回复我~
#1

liuzh_ 提问者

谢谢啦 可是只能采纳一个
2015-12-08 回复 有任何疑惑可以回复我~
#2

木子舟义 回复 liuzh_ 提问者

那个不重要,你能理解就行。加油
2015-12-08 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

时间停止和继续问题,代码贴在下面,为何先点击继续时间按钮就不能停止了,停止按钮无效了,怎么回事?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信