JavaScript - 写一个计时器

我们用的定时器是setInterval()方法，它有两个参数，第一个参数是函数（function），第二个参数间隔的毫秒数（1000 毫秒是一秒）。

.js 文件

获取当前时间方法：

function getTime() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("111").innerHTML = t;
}

.html 文件

<script>
         var timer; 
          function start() {
               // 判断计时器是否销毁了
              if (timer == null)
              {
                 timer = window.setInterval(function() {getTime()},1000); 
              }              
          }          
          function stop() {
               // 停止计时
               window.clearInterval(timer);
               // 定时器置空
               timer = null;
          }
 </script>

 <button id="btn1" type="button" onclick="stop()">暂停计时器</button>
<button id="btn2" type="button" onclick="start()">开启计时器</button>

这时候点击按钮2就会开始计时，按钮1就会暂停计时。