計時器程序無法停止計時
寫了好多遍，都是能開始就停不了，能停就不能開始，我希望能實現點擊start按鈕，text框（初始為null）開始計時，點擊stop，計時結束。
<!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">
function?gg_1(){
var?s=new?Date();
document.getElementById("time").value=s;
}
var?i=setInterval(gg_1,100);
function?ss(){
clearInterval(i);
}
</script>
</head>
<body>
<input?type="button"?id="start"?value="Start"?onclick="gg_1()"/>
<input?type="text"?id="time"?/>
<input?type="button"?id="stop"?value="Stop"?onclick="ss()"/>
</body>
</html>
2016-10-26
您想要的是計時，而你寫的是時間的，有點矛盾，計時器用setTimeout()比較好，看下我的代碼：（注意看下注釋部分）
<!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?i; ??var?num=0; ??function?st(){ ??document.getElementById("time").value=num; ??num=num+1; ???i=setTimeout(st,1000); } ??function?ss(){ ??clearTimeout(i); } ??//var?i;//這里是第二種寫法 ??//var?num=0; ??//var?n=true; ??//function?gg_1(){ ??// document.getElementById("time").value=num; ??// num=num+1; ??// ?i=setTimeout(gg_1,1000); ??//} ??//function?st(){ ??// if(n==true){ ??// clearTimeout(i);//這里如果把clearTimeout(i);num=0;注釋掉，就和上面的類似；不注釋掉，再次點擊start時，會重新開始計時 ??// num=0;??????????//但是，上面的方法會有個bug，就是，連續多次點擊start按鈕，計時會加速 ??// setTimeout(gg_1,1000); ??// n=false; ??// } ??// } ??// ??//function?ss(){ ??// if(n==false){ ??// clearTimeout(i); ??// n=true; ??// } ??// } ?</script> </head> ? <body> <input?type="button"?id="start"?value="Start"?onclick="st()"/> <input?type="text"?id="time"?/> <input?type="button"?id="stop"?value="Stop"?onclick="ss()"/> </body> </html>2017-09-04
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
<script type="text/javascript">
? var num=0;
? var i;
? function startCount(){
? ? document.getElementById('count').value=num;
? ? num=num+1;
? ? i=setTimeout("startCount()",1000);
? }
? flag=0;
? function stopCount(){
? ? ? if(flag==0){
? ? ? ? ? flag=1;
? ? ? ? ? document.getElementById('but').value="Stop";
? ? ? startCount();
? ? ? }else{
? ? ? ? ? clearTimeout(i);
? ? ? ? ? flag=0;
? ? ? ? ? document.getElementById('but').value="Start";
? ? ? }
? }
? function ce(){
? ? ? if(flag==0){
? ? ? document.getElementById('count').value="清除完畢!";
? ? ? num=0;
? ? ? setTimeout("document.getElementById('count').value=num",1000);
? ? ? }
? }
</script>
</head>
<body>
? <form>
? ? <input type="text" id="count" />
? ? <input type="button" id="but" value="Start" onclick="stopCount()" />
? ? <input type="button" value="Clear" ?onclick="ce()" />
? </form>
</body>
</html>
2016-10-19
<!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">
? ? window.onload=function(){
? ? ? timer = setInterval("abc()",1000)
? ? }
? ??
? ? function abc(){
? ? ? ? var s=new Date();
? ? ? ? document.getElementById("time").value=s;
? ? }
? ? ?
? ? function bcd(){
? ? ? clearInterval(timer);
? ? }
? ? function efg(){
? ? ? timer = setInterval("abc()",1)
? ? }
</script>
</head>
<body>
<input type="button" id="start" value="Start" onclick="efg()"/>
<input type="text" id="time" />
<input type="button" id="stop" value="Stop" onclick="bcd()"/>
</body>
</html>
重寫了一下 這個好像可以了
2016-10-19
<!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">
function gg_1(){
? ? var s=new Date();
? ? document.getElementById("time").value=s;
}
function aaa(){
? ? setInterval(gg_1,100);
}
var i=setInterval(gg_1,100);
function ss(){ ? ?
? ? clearInterval(i);
}
</script>
</head>
?
<body>
<input type="button" id="start" value="Start" onclick="aaa()"/>
<input type="text" id="time" />
<input type="button" id="stop" value="Stop" onclick="ss()"/>
</body>
</html>
2016-10-17
woyebuhui