在下面的例子中,当点击 计时开始 按钮时,会开始计时(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>
说明:在上面例子的计时功能中,最合适的是使用 setInterval() 方法来按照一定周期调用计时函数。在这个地方使用 setTimeout() 方法只是为了演示 clearTimeout() 方法的使用方法而已。