在下面的例子中,当点击 计时开始 按钮时,会开始计时(1/10秒);当点击 计时结束 时,会停止计时:
<html> <head> <script type="text/javascript"> var s = 0; var n = 0; var t; function timeCount() { document.getElementById('second_show').value = s; n = n+1; s = n/10; t = setTimeout("timeCount()",100); } </script> </head> <body> <form> <input type="button" value="开始计时" onClick="timeCount()"> <input type="text" id="second_show"> <input type="button" value="结束计时" onClick="clearTimeout(t)"> </form> </body> </html>
说明:setTimeout() 里面调用的函数或代码只执行一次,要反复执行请使用 setInterval() 方法或循环调用 setTimeout(),如上面的例子所示。