jQuery游戏计时器
时间: 2023-08-24 07:08:05 浏览: 86
以下是一个简单的游戏计时器的jQuery代码:
HTML:
```html
<div id="timer">00:00:00</div>
<button id="start">开始</button>
<button id="stop">停止</button>
```
jQuery:
```javascript
$(document).ready(function() {
var interval;
var time = 0;
$('#start').click(function() {
interval = setInterval(function() {
time++;
var hours = Math.floor(time / 3600);
var minutes = Math.floor((time - hours * 3600) / 60);
var seconds = time - hours * 3600 - minutes * 60;
$('#timer').text(pad(hours) + ':' + pad(minutes) + ':' + pad(seconds));
}, 1000);
});
$('#stop').click(function() {
clearInterval(interval);
});
function pad(num) {
return ("0" + num).slice(-2);
}
});
```
这段代码使用定时器每秒钟更新时间,并将其显示在页面上。它还包括开始和停止按钮,以便用户可以控制计时器。
阅读全文