為什么點了 停止之后 點開始 再點停止 這個時間就是停不下來呢?
<!DOCTYPE HTML>
<html>
<head>
<title>計時器</title>
<script type="text/javascript">
? ?function clock(){
? ? ??
? ?var time=new Date(); ? ? ? ? ? ? ? ?
? ? ??
? ?document.getElementById("clock").value = time;
? ?}
? ? ?
? ? ?
? ?var i=setInterval("clock()",100);
</script>
</head>
<body>
? <form>
? ??
? ? <input type="text" id="clock" size="50" ?/>
? ? <input type="button" value="Stop" onclick="clearInterval(i)" ?/>
? ? <input type="button" value="Start" onclick="setInterval('clock()',100)" />
? </form>
</body>
</html>
2015-11-06
<input type="button" value="Start" onclick="setInterval('clock()',100)" /> ?啟動按鈕改成 ? onclick="i = setInterval('clock()',100)"
2015-11-06
<!DOCTYPE?HTML> <html> <head> <title>計時器</title> <script?type="text/javascript"> ???function?clock(){ ?????? ???var?time=new?Date();???????????????? ?????? ???document.getElementById("clock").value?=?time; ???} ????? ????? ???var?i=setInterval("clock()",100); ??? ???var?timer?=?null; ???function?start(){ ???????if(timer){ ???????????clearInterval(timer); ???????????timer?=?null; ???????} ???????setInterval('clock()',100) ???} ???? ????function?stop(){ ????????if(timer){ ???????????clearInterval(timer); ???????????timer?=?null; ???????} ????} </script> </head> <body> ??<form> ???? ????<input?type="text"?id="clock"?size="50"??/> ????<input?type="button"?value="Stop"?onclick="start()"??/> ????<input?type="button"?value="Start"?onclick="stop()"?/> ??</form> </body> </html>因為你沒有接收點按鈕開啟的定時的引用 ?那個i也不是,所以你就關不掉了