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

如何解决计时器中点击一次增加1s问题

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>

<script type="text/javascript">
  var num=0;
  var i;
  function startCount(){
     clearTimeout(i); 
    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>

虽然增加了clearTimeout(i);以后解决了数字飙升的问题，但是还存在点一次增加1的问题，有没有大神能解决这个问题？

Jiuppo

2017-06-29

源自：JavaScript进阶篇 8-6

关注问题我要回答

1716

操作

收起

3 回答

无冕之王回答被采纳 +2 积分
2017-06-29

你的startCount（）函数有问题啊，正确的如下，你的cleanTimeout(i)了.

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

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

收起回答

Jiuppo 提问者

非常感谢！

2017-07-31 回复有任何疑惑可以回复我~

AAAaaZz3248469
2017-08-01

<!DOCTYPE HTML>

<html>

<head>

var num=0;

var i;

var flag=false;

//增加一个布尔变量用于存储值代表start是否开始

//这个方法要置于循环体外

function flag1(){

if(flag==false){

startCount();

flag=true;

}else{

return 0;

}

function startCount(){

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

num=num+1;

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

}

function stopCount(){

clearTimeout(i);

flag=false;

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

增加一个开关装置即可。解决了点一次start增快一次速度和num+1的问题。

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

收起回答

Ericleung
2017-06-29

startCount() 的 cleanTimeout(i) 破坏了循环. 不要这句就好了.

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

收起回答

0/150

提交

取消

JavaScript进阶篇

参与学习 469067 人
解答问题 22582 个

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

进入课程

本课相似问答

2 回答计时器多次点击，每点击一个开始就多一个计时器，而多个计时器同时工作的时候，每次单击只能停止一个计时器。

2 回答计时器setTimeout中的一点小问题

4 回答如何避免多次点击造成的加速问题？

3 回答计时器问题，各位帮忙解决一下。。

6 回答增加了一个“start”按钮，如何实现点击“start”按钮后开始计时，而点击“stop”按钮后结束计时呢？下面的代码实现不了，只能实现点击“stop”结束计时，但点击“start”只跳出一次时间，而无法继续计时。。。请高手指点！谢谢！

搜索更多本课相关问答

如何解决计时器中点击一次增加1s问题

我要回答关注问题

热搜

最近搜索清空

如何解决计时器中点击一次增加1s问题

3 回答

本课相似问答

如何解决计时器中点击一次增加1s问题