前端js使用定时器完成60秒秒表计时,系统时间的展示
时间: 2024-02-21 13:02:17 浏览: 21
好的,可以使用 JavaScript 的 setInterval() 函数来实现定时器,并使用 Date() 函数获取系统时间。下面是一个简单的代码示例:
```html
<!-- HTML 代码 -->
<div>
<span id="timer">00:00:00</span>
</div>
```
```javascript
// JavaScript 代码
let seconds = 0;
let minutes = 0;
let hours = 0;
function displayTime() {
seconds++;
if (seconds == 60) {
seconds = 0;
minutes++;
if (minutes == 60) {
minutes = 0;
hours++;
}
}
const timeString = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
document.getElementById('timer').innerHTML = timeString;
}
setInterval(displayTime, 1000);
```
这个代码会每隔 1 秒钟调用一次 displayTime() 函数,该函数会自动更新计时器并在页面上显示当前时间。