                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

為什么連續(xù)點(diǎn)擊start可以加速？

為什么連續(xù)點(diǎn)擊start可以加速，而連續(xù)點(diǎn)擊stop可以減速，原理是不是這樣？：點(diǎn)一次啟動(dòng)一個(gè)num+1的函數(shù)，如果一秒內(nèi)點(diǎn)了4次start，那么一秒就num+4。

AcerYyzy

2016-08-31

源自：JavaScript進(jìn)階篇 8-6

關(guān)注問題我要回答

764

操作

收起

3 回答

慕村1994845
2016-10-25

看下面的代碼，設(shè)置雙計(jì)時(shí)，可用于圍棋比賽：

<!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>無(wú)標(biāo)題文檔</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，可以執(zhí)行以下代碼，執(zhí)行到n=false停止
		?num=0;
		????clearTimeout(i);
			setTimeout("st()",1000);
			n=false;
			}
		}???
	function?stopCount(){
		if(n==false){//當(dāng)n=false,執(zhí)行以下代碼，執(zhí)行到n=true停止
		num=0;
		clearTimeout(i);
		setTimeout("st()",1000);
		?//?clearTimeout(i);
		???n=true;//而當(dāng)n=true;再次執(zhí)行startCount()函數(shù)，按照如此單一的循環(huán)模式，
		???//不會(huì)再出現(xiàn)多次點(diǎn)擊start出現(xiàn)計(jì)時(shí)加速的現(xiàn)象
		??
		??}
???????}
</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>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕村1994845

function startCount(){ if(n==true){//n初始值為true，可以執(zhí)行以下代碼，執(zhí)行到n=false停止 clearTimeout(i);//這里，當(dāng)代碼運(yùn)行完第一次循環(huán)，再次開始運(yùn)行時(shí)，此處的clearTimeout(i)只是停時(shí) num=0; //而為了讓計(jì)時(shí)器再次重新開始計(jì)時(shí)，必須重置初始值再次為0；下面的同樣道理 setTimeout("st()",1000); n=false; } }

2016-10-25 回復(fù) 有任何疑惑可以回復(fù)我~

q_Amily
2016-09-06

那是因?yàn)槟銢]點(diǎn)擊一次開始 ?定時(shí)器就啟動(dòng)一個(gè) ?多個(gè)定時(shí)器運(yùn)行自然速度就快 ? ?而點(diǎn)擊一次結(jié)束 ?僅僅取消一個(gè)定時(shí)器 ? 正確的方法應(yīng)該是 ?點(diǎn)擊一次開始之后 ? 就讓 ?開始按鈕再點(diǎn)擊不起作用

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);