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

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

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

天心皓月

2018-06-22

源自：JavaScript进阶篇 8-6

关注问题我要回答

3707

操作

收起

2 回答

阳火锅回答被采纳 +2 积分
2018-06-22

解决多开定时器的方法只有一个，就是让开关点击完一次不能再次点击。

凭老夫多年经验给你2段代码，你把它们加上 document.getElementById("myButton").disabled = true;这段加在定时器打开的函数里面。。document.getElementById("myButton").disabled = false;这段加在定时器停止的函数里面。。顺便你给打开定时的button起一个id=myButton

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

收起回答

天心皓月提问者

非常感谢！

2018-06-22 回复有任何疑惑可以回复我~

阳火锅
2018-06-22

<html>

<head>

var num=0;

var i;

var a = true;

function add(){

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

num=num+1;

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

}

function startCount(){

if(a){

add()

}

a = false;

}

function stopCount(){

if(a==false){

clearTimeout(i);

}

a = true;

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

这是我之前学习时写的代码，这个就是不变button的

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

收起回答

0/150

提交

取消

JavaScript进阶篇

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

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

进入课程

本课相似问答

2 回答怎么点击stop按钮计时器不停止？

1 回答计时器是一个时钟？

5 回答计时器程序无法停止计时

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

3 回答多次点击start开始计时为什么还能停下来？怎么解释？

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

2 回答

本课相似问答

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