用jQuery写一个增加时间的计时器

好的，下面是一个使用 jQuery 实现增加时间的计时器的示例代码：

HTML 代码：

<div id="timer">
  <span id="hours">00</span> :
  <span id="minutes">00</span> :
  <span id="seconds">00</span>
</div>

<button id="start">开始</button>
<button id="stop">停止</button>
<button id="reset">重置</button>

JavaScript 代码：

$(document).ready(function() {
  var startTime = 0;  // 记录开始时间
  var timer = null;   // 记录计时器 ID
  var isRunning = false; // 记录计时器是否正在运行

  // 格式化时间
  function formatTime(time) {
    var hours = Math.floor(time / 3600);
    var minutes = Math.floor((time % 3600) / 60);
    var seconds = Math.floor(time % 60);
    return {
      'hours': hours.toString().padStart(2, "0"),
      'minutes': minutes.toString().padStart(2, "0"),
      'seconds': seconds.toString().padStart(2, "0")
    };
  }

  // 更新计时器
  function updateTimer() {
    var currentTime = Math.floor((new Date().getTime() - startTime) / 1000);
    var time = formatTime(currentTime);
    $("#hours").text(time.hours);
    $("#minutes").text(time.minutes);
    $("#seconds").text(time.seconds);
  }

  // 开始计时器
  function startTimer() {
    startTime = new Date().getTime();
    timer = setInterval(updateTimer, 1000);
    isRunning = true;
  }

  // 停止计时器
  function stopTimer() {
    clearInterval(timer);
    isRunning = false;
  }

  // 重置计时器
  function resetTimer() {
    stopTimer();
    $("#hours").text("00");
    $("#minutes").text("00");
    $("#seconds").text("00");
  }

  // 绑定按钮事件
  $("#start").click(function() {
    if (!isRunning) {
      startTimer();
    }
  });

  $("#stop").click(function() {
    if (isRunning) {
      stopTimer();
    }
  });

  $("#reset").click(function() {
    resetTimer();
  });
});

这个示例代码会创建一个计时器，可以通过点击 "开始" 按钮开始计时，点击 "停止" 按钮停止计时，点击 "重置" 按钮重置计时器。计时器会在 HTML 中显示剩余的小时数、分钟数和秒数。