jquery 实现倒计时

使用jQuery实现一个简单的倒计时可以通过定时器函数setInterval来实现。以下是一个实现倒计时的示例代码：

HTML部分：

<div id="timer">00:05</div>

CSS部分（可选，用于更好的视觉效果）：

#timer {
  font-size: 24px;
  font-weight: bold;
}

jQuery部分：

$(document).ready(function(){
  var countdownDuration = 5; // 倒计时时间，以秒为单位
  var display = $('#timer');
 
  var timer = setInterval(function() {
    var minutes = parseInt(countdownDuration / 60, 10);
    var seconds = parseInt(countdownDuration % 60, 10);
 
    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;
 
    display.text(minutes + ":" + seconds);
 
    if (--countdownDuration < 0) {
      clearInterval(timer);
      display.text("时间到!");
    }
  }, 1000);
});

在这段代码中，countdownDuration 变量用于设置倒计时的时间，单位是秒。display 变量指向页面中倒计时显示的元素。timer 是计时器的ID，用于在倒计时结束后停止计时器。每隔1秒（1000毫秒）更新一次显示时间，时间到了0秒则清除计时器并显示"时间到!"。