通过 setInterval() 和 clearInterval() 设置并停止计时器

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <p>此页面上的脚本启动这个时钟:</p>
  6.  
  7. <p id="demo"></p>
  8.  
  9. <button onclick="clearInterval(myVar)">停止时间</button>
  10.  
  11. <script>
  12. var myVar = setInterval(myTimer ,1000);
  13. function myTimer() {
  14. var d = new Date();
  15. document.getElementById("demo").innerHTML = d.toLocaleTimeString();
  16. }
  17. </script>
  18.  
  19. </body>
  20. </html>