如何讓Start加上暫停功能，Stop加上重置功能
如題，以現學習階段思想能解決不
__zz
2016-08-29
2 回答
舉報
0/150
提交
取消
2016-10-25
這個怎么樣：
<!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停止 ????clearTimeout(i);//這里當第一次循環完畢再次開始，clearTimeout(i)只是讓計時器停止 num=0;//而為了再次重新開始計時，必須把初始值再次重置設置為0；下面的函數同樣的道理 setTimeout("st()",1000); n=false; } }??? function?stopCount(){ if(n==false){//當n=false,執行以下代碼，執行到n=true停止 ????clearTimeout(i); ?num=0; ????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;} /*#tim{?width:200px;?margin:200px?auto;}*//*這里因為寬度設置太小，才是導致上下分段的原因*/ #tim{?width:400px;?margin:200px?auto;} input{color:?#C33;?font-size:24px;?font-family:"華文隸書";?font-weight:bold;} </style> </head> <body> <form> <div?id="tim"> ???<input?type="button"?value="start"?onclick="startCount()"?/> ???<input?type="text"?id="txt"?/> ???<input?type="button"?value="start"?onclick="stopCount()"?/> ???</div> </form> </body> </html>2016-08-29
?var num=0;
? var i;
? function startCount(){
? ? document.getElementById('count').value=num;
? ? num=num+1;
? ? i=setTimeout(startCount,1000);
? }
? function stopCount(){
? ? clearTimeout(i);
? ? num=0;
? }
記得采納哦