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

JS8-6 取消计时器clearTimeout()中的start按钮

多次点击start按钮后,计时速度变快

正在回答

3 回答

我是这么做的,不知道对不对。

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

q_Amily

你的start按钮根本就没用,所以才出现多次点击start,计时器速度不会变快;
2016-09-06 回复 有任何疑惑可以回复我~

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<script type="text/javascript">
  var num=0;
  var i;
  function startCount(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }
  i=setTimeout("startCount()",1000);
  function stopCount(){
  clearTimeout(i);
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" value="Start"  onclick="i"/>
    <input type="button" value="Stop"   onclick="stopCount()"/>
  </form>
</body>
</html>

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

主要是你没有清空定时器

解决办法:在定时器开启之前先清空定时器,clearInterval()或者clearTimeout

这样不管点击多少次都不会速度变快!

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

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468189    人
  • 解答问题       21891    个

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

进入课程

JS8-6 取消计时器clearTimeout()中的start按钮

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