通过jquery写一个1小时包括分秒的倒计时定时器,
时间: 2023-06-14 19:08:00 浏览: 66
下面是一个简单的倒计时定时器的jQuery代码,时长为1小时,包括分秒:
HTML代码:
```
<div id="countdown">
<span id="hours">01</span>:
<span id="minutes">00</span>:
<span id="seconds">00</span>
</div>
```
jQuery代码:
```
$(document).ready(function() {
var hours = 1;
var minutes = 0;
var seconds = 0;
var countdown = setInterval(function() {
seconds--;
if (seconds < 0) {
seconds = 59;
minutes--;
if (minutes < 0) {
minutes = 59;
hours--;
if (hours < 0) {
clearInterval(countdown);
alert("Time's up!");
return;
}
$("#hours").text(hours < 10 ? "0" + hours : hours);
}
$("#minutes").text(minutes < 10 ? "0" + minutes : minutes);
}
$("#seconds").text(seconds < 10 ? "0" + seconds : seconds);
}, 1000);
});
```
这段代码会将倒计时显示在页面上,并且每秒钟更新一次。当倒计时结束时,会弹出一个提示框。