无穷循环中的计时 - 带有一个停止按钮

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. var c=0
  5. var t
  6. function timedCount()
  7. {
  8. document.getElementById('txt').value=c
  9. c=c+1
  10. t=setTimeout("timedCount()",1000)
  11. }
  12.  
  13. function stopCount()
  14. {
  15. clearTimeout(t)
  16. }
  17. </script>
  18. </head>
  19.  
  20. <body>
  21. <form>
  22. <input type="button" value="开始计时！" onClick="timedCount()">
  23. <input type="text" id="txt">
  24. <input type="button" value="停止计时！" onClick="stopCount()">
  25. </form>
  26.  
  27. <p>
  28. 请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。
  29. </p>
  30.  
  31. </body>
  32.  
  33. </html>