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

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

在setTimeout中，不断点击start会出现计数加速的情况，请问，如何避免这种情况，以及原理是什么？

慕用5675268

2016-08-28

源自：JavaScript进阶篇 8-6

关注问题我要回答

1632

操作

收起

4 回答

慕粉3597558
2016-09-13

function startCount(){

clearTimeout(i);

num=num+1;

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

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

setTimeout("startCount()",1000);

只要在函数中加入清理定时器就可以，

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

收起回答

慕用5675268 提问者

意思就是在每一次开始计时之前，把前一次的计时器清理掉是吗？

2016-09-14 回复有任何疑惑可以回复我~

慕粉3597558 回复慕用5675268 提问者

对的，这样计时器就不会累加，加速

2016-09-17 回复有任何疑惑可以回复我~

weibo_是时候列队了_低调d_03482645
2016-08-31

这是我的代码，思路就是让点击start后不运行计时器，所以通过设一个方法去判断有没有点击过。

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

收起回答

AcerYyzy

方法不错！

2016-08-31 回复有任何疑惑可以回复我~

Geeker哞哞

这个不错，但是按了stop再点start 计时器就不会运行了；所以还得在stopCount（）里加入 u=0；

2016-09-22 回复有任何疑惑可以回复我~

__zz
2016-08-29

点对应个stop

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

收起回答

慕用5675268 提问者

机灵抖的不错，哈哈

2016-08-31 回复有任何疑惑可以回复我~

汉江怪人
2016-08-28

你每次点击start就执行startCount()函数，里面的setTimeout("startCount()",1000);是每一秒就执行一次，你不断点击，计数是在1000ms结束后才计数 setTimeout就不断累积,看上起就像加速了停不下来一样。

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

收起回答

慕用5675268 提问者

恩，是这个道理，解决了第一个问题，那么，如何避免这种情况呢。

2016-08-31 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

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

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

进入课程

本课相似问答

2 回答关于setTimeout()多次点击速度飙升问题！

4 回答多次点击start问题

1 回答多次点击按钮问题

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

4 回答如何让button只能点击一次

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

4 回答

本课相似问答

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