源代碼
點擊運行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>教程</title> <script> var c=0; var t; var timer_is_on=0; function timedCount(){ document.getElementById('txt').value=c; c=c+1; t=setTimeout(function(){timedCount()},1000); } function doTimer(){ if (!timer_is_on){ timer_is_on=1; timedCount(); } } function stopCount(){ clearTimeout(t); timer_is_on=0; } </script> </head> <body> <form> <input type="button" value="開始計數!" onclick="doTimer()" /> <input type="text" id="txt" /> <input type="button" value="停止計數!" onclick="stopCount()" /> </form> <p> 單擊開始計數按鈕，按下時開始計數，輸入框將從0開始一直計數。單擊停止計數按鈕，按下時停止計數，再次點擊開始計數按鈕，又再次開始計數。 </p> </body> </html>
運行結果