jquery 倒计时暂停和恢复功能？

// HTML
<p id="countdown">倒计时: <span id="timer">10</span> 秒</p>
<button id="start">开始</button>
<button id="pause">暂停</button>
<button id="resume">恢复</button>

// JavaScript
$(document).ready(function() {
  var timer; // 计时器变量

  // 开始倒计时
  $('#start').click(function() {
    var count = parseInt($('#timer').text()); // 获取倒计时初始值
    timer = setInterval(function() {
      count--;
      $('#timer').text(count);
      if (count <= 0) {
        clearInterval(timer);
        alert('倒计时结束');
      }
    }, 1000);
  });

  // 暂停倒计时
  $('#pause').click(function() {
    clearInterval(timer);
    timer = null;
  });

  // 恢复倒计时
  $('#resume').click(function() {
    if (!timer) {
      var count = parseInt($('#timer').text());
      timer = setInterval(function() {
        count--;
        $('#timer').text(count);
        if (count <= 0) {
          clearInterval(timer);
          alert('倒计时结束');
        }
      }, 1000);
    }
  });
});