                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

按stop停不下来，而且时钟不是一秒跳1秒，而是一秒跳3秒甚至5秒的数，总之很怪异。

<!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);
  }
  function stopCount(){
      clearTimeout(i);
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" value="Start" onClick("startCount()") />
    <input type="button" value="Stop" onClick("stopCount()")  />
  </form>
</body>
</html>

无无法师

2016-10-14

源自：JavaScript进阶篇 8-6

关注问题我要回答

1486

操作

收起

6 回答

慕村1994845
2016-10-25

 <input type="button" value="Start" onClick("startCount()") />
    <input type="button" value="Stop" onClick("stopCount()")  />
    <!--这里onclick后面不是用“=”吗？这括号目前我是没见过有用过-->

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

慕无忌4478443
2016-10-19

每点一次start按钮，就会调用一次startCount()函数，所以计时速度就会加快。

如果想停止就，点相应次数的stop。

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

Ken2016
2016-10-14

function startCount(){
clearTimeout(i);
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}

主要的原因是你在start里面没有清除原来的定时器, 如果点击多次之后, stop也需要点击多次才会停止所有已开启的定时器

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

YOU_ME
2016-10-14

大概看了下，本身逻辑没有问题，把下面的点击事件后面改成"="试试

<input type="button" value="Start" onClick="startCount()" />

<input type="button" value="Stop" onClick="stopCount()" />

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

qq_常春藤_04143801
2016-10-14

<!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;

function startCount(){

document.getElementById('count').value=num;

num=num+1;

i=setTimeout(startCount,1000);

}

setTimeout(startCount,1000);

function stopCount(){

clearTimeout(i);

}

</script>

</head>

<body>

<form>

<input type="text" id="count" />

<input type="button" value="Start" onClick("startCount()") />

<input type="button" value="Stop" onClick("stopCount()") />

</form>

</body>

</html>

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

qq_常春藤_04143801
2016-10-14

<script type="text/javascript">

var num=0;

var i;

function startCount(){

document.getElementById('count').value=num;

for(i=0;i<num.length;i++) {

num=num+1;

i=setTimeout("startCount()",1000);

}

}

function stopCount(){

clearTimeout(i);

}

</script>

</head>

<body>

<form>

<input type="text" id="count" />

<input type="button" value="Start" onClick("startCount()") />

<input type="button" value="Stop" onClick("stopCount()") />

</form>

</body>

</html>

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

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468189 人
解答问题 21891 个

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

本课相似问答

2 回答时间不是一秒秒的跳动呀？

2 回答为什么秒数跳的很快啊感觉1秒跳两下

5 回答倒计时很快，感觉不是1秒1秒的减少

4 回答5秒之后页面不能跳转？？？

2 回答为什么有了这句话刷新的就是秒呢怎么不是分呢时呢 var int=setInterval(clock,1000);而且把1000变成10也是一样的一秒一秒的跳

搜索更多本课相关问答

按stop停不下来，而且时钟不是一秒跳1秒，而是一秒跳3秒甚至5秒的数，总之很怪异。

我要回答关注问题

意见反馈帮助中心 APP下载