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

关于此任务遇到的问题如何优化一下：任务补充右边编辑器第16行，完成取消计时器函数。补充右边编辑器第23行，点击Start按钮后，开始计数。补充右边编辑器第24行，点击Stop按钮后，停止计数。

代码如下，如何解决我点击两次start按钮他就速度加倍（可能不止一倍）了，点击多次根本停不下来，stop就没用了

<!DOCTYPE HTML>

<html>

<head>

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

慕粉3780355

2016-09-11

源自：JavaScript进阶篇 8-6

关注问题我要回答

1257

操作

收起

2 回答

打边炉
2016-09-14

var num=0;

var i;

function startCount(){

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

num=num+1;

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

document.getElementById('start').onclick=null;

}

function stopCount(){

clearTimeout(i);

document.getElementById('start').onclick=function(){startCount();}

}

动态修改onclick的值，点击start后将start的onclick事件设置为空，点击stop后将start的onclick重新设置为startcount。目前没发现其他问题，请大神检查

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

收起回答

qq_陈暮_03715094
2016-09-11

做的时候还真没发现这个问题，你可在每次调用的时候

function startCount(){

clearTimeout(i);//在每次调用这个函数的时候的时候都把setTimeout给暂停了，然后代码还会按照顺序执行

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

num=num+1;

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

}

我也是刚刚学，说的不一定对，不过这样是可以完成的，但是每一次点击都会加一。这个问题留给大神吧

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

收起回答

慕粉3780355 提问者

谢谢您的热心回答，成功解决了我的问题，赞赞赞赞赞

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

0/150

提交

取消

JavaScript进阶篇

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

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

进入课程

本课相似问答

1 回答补充右边编辑器第8行，将选定数组元素"爱","你"，并输出。

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

2 回答右侧计时器无法停止

2 回答第18行switch（）为什么在编辑器里边是错误的

3 回答JS8-6 取消计时器clearTimeout（）中的start按钮

搜索更多本课相关问答

关于此任务遇到的问题如何优化一下：任务补充右边编辑器第16行，完成取消计时器函数。补充右边编辑器第23行，点击Start按钮后，开始计数。补充右边编辑器第24行，点击Stop按钮后，停止计数。

我要回答关注问题

热搜

最近搜索清空

关于此任务遇到的问题如何优化一下：任务 补充右边编辑器第16行，完成取消计时器函数。 补充右边编辑器第23行，点击Start按钮后，开始计数。 补充右边编辑器第24行，点击Stop按钮后，停止计数。

2 回答

本课相似问答

关于此任务遇到的问题如何优化一下：任务 补充右边编辑器第16行，完成取消计时器函数。 补充右边编辑器第23行，点击Start按钮后，开始计数。 补充右边编辑器第24行，点击Stop按钮后，停止计数。

关于此任务遇到的问题如何优化一下：任务补充右边编辑器第16行，完成取消计时器函数。补充右边编辑器第23行，点击Start按钮后，开始计数。补充右边编辑器第24行，点击Stop按钮后，停止计数。

关于此任务遇到的问题如何优化一下：任务补充右边编辑器第16行，完成取消计时器函数。补充右边编辑器第23行，点击Start按钮后，开始计数。补充右边编辑器第24行，点击Stop按钮后，停止计数。