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

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

<!DOCTYPE HTML>

<html>

<head>

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>

</form>

</body>

</html>

为什么多次点击Start速度就会加快？哪位大神能给个终极解释？跪求！

指爱六弦

2017-05-26

源自：JavaScript进阶篇 8-6

关注问题我要回答

1220

操作

收起

2 回答

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值的问题。

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

收起回答

慕勒7123956
2017-05-26

因为你在startCount中又调用了它本身，所以你多次点击之后，是多个计时器同时运行的，比如点第一次是一个计时器，再点一下，就是两个计时器，这时候每次就是+2,所以速度会不断提升

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

收起回答

0/150

提交

取消

JavaScript进阶篇

参与学习 467402 人
解答问题 21877 个

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

进入课程

本课相似问答

2 回答关于多次点击start按钮后,数字飙升的问题分析

4 回答多次点击start问题

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

1 回答多次点击按钮问题

1 回答setTimeout执行多次

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

2 回答

本课相似问答

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