为什么连续点击start可以加速？-慕课网

首页课程实战体系课手记专栏慕课教程

为什么连续点击start可以加速？

来源：8-6 取消计时器clearTimeout()

AcerYyzy

2016-08-31 23:30

为什么连续点击start可以加速，而连续点击stop可以减速，原理是不是这样？：点一次启动一个num+1的函数，如果一秒内点了4次start，那么一秒就num+4。

写回答关注

3回答

慕村1994845: 2016-10-25 20:45:14

看下面的代码，设置双计时，可用于围棋比赛：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
   var num=0;
   var i;
   var n=true;
   function st(){
	   document.getElementById("txt").value=num;
	   num=num+1;
	   i=setTimeout("st()",1000);
	   }
	function startCount(){
		if(n==true){//n初始值为true，可以执行以下代码，执行到n=false停止
		 num=0;
		    clearTimeout(i);
			setTimeout("st()",1000);
			n=false;
			}
		}   
	function stopCount(){
		if(n==false){//当n=false,执行以下代码，执行到n=true停止
		num=0;
		clearTimeout(i);
		setTimeout("st()",1000);
		 // clearTimeout(i);
		   n=true;//而当n=true;再次执行startCount()函数，按照如此单一的循环模式，
		   //不会再出现多次点击start出现计时加速的现象
		  
		  }
       }
</script> 
<style type="text/css">
*{padding:0; margin:0; font-size:24px; color:#F00;}
#txt{text-align:center;}
input{color: #C33; font-size:24px; font-family:"华文隶书"; font-weight:bold;}
</style>
</head>

<body>
<form>
<input type="button" value="start" onclick="startCount()" />
   <input type="text" id="txt" />
   <input type="button" value="start" onclick="stopCount()" />
</form>
</body>
</html>

1 0

慕村1994...

function startCount(){ if(n==true){//n初始值为true，可以执行以下代码，执行到n=false停止 clearTimeout(i);//这里，当代码运行完第一次循环，再次开始运行时，此处的clearTimeout(i)只是停时 num=0; //而为了让计时器再次重新开始计时，必须重置初始值再次为0；下面的同样道理 setTimeout("st()",1000); n=false; } }

2016-10-25 20:55:33

共 1 条回复 >

q_Amily

2016-09-06 18:20:36

那是因为你没点击一次开始定时器就启动一个多个定时器运行自然速度就快而点击一次结束仅仅取消一个定时器正确的方法应该是点击一次开始之后就让开始按钮再点击不起作用
var num=0;
var i;
var n=true;
function a(){
document.getElementById('count').value=num;
i=setTimeout("a()",1000);
num=num+1;
}

function startCount(){
if(n==true){
i=setTimeout("a()",1000);
n=false;
}
}

function stopCount(){
if(n==false){
clearTimeout(i);
n=true;
}
}
//这是之前有同学对这个问题的回答，可以解决多次点击start加速的问题

2 0

慕标3062...

不好意思，我是小白，我想问一下：为什么同时启动多个定时器就会加速

2019-10-05 15:37:47

共 2 条回复 >
Solomon_0

2016-09-01 00:18:03

不光是点start,你试试在一个不影响代码的地方加空格，也会导致加速，具体原因就不清楚了。

0 0

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题

为什么连续点击start速度会变快，而且stop不下来

回答 5

在这个代码在连续多次点击start按钮计次速度明显变快，且点击stop停不下来，这是为什么？

回答 2

为什么不断点击start计时速度越来越快？

回答 2

连续点击start之后，数字增长很快，需要点击多次stop才能停止下来。

回答 2

start 一次，stop 是可以停住得，但是连续 start 之后，就 stop 停不住了，怎么回事呢？

回答 2

打开慕课网App查看更多内容