typescript时分秒计时器
时间: 2024-05-01 14:20:19 浏览: 137
以下是一个 TypeScript 实现的时分秒计时器:
```typescript
class Timer {
private intervalId: number;
private seconds: number;
private minutes: number;
private hours: number;
constructor() {
this.intervalId = null;
this.seconds = 0;
this.minutes = 0;
this.hours = 0;
}
public start() {
this.intervalId = setInterval(() => {
this.seconds++;
if (this.seconds === 60) {
this.seconds = 0;
this.minutes++;
}
if (this.minutes === 60) {
this.minutes = 0;
this.hours++;
}
console.log(`${this.hours.toString().padStart(2, '0')}:${this.minutes.toString().padStart(2, '0')}:${this.seconds.toString().padStart(2, '0')}`);
}, 1000);
}
public stop() {
clearInterval(this.intervalId);
}
}
const timer = new Timer();
timer.start(); // 开始计时
// 5 秒后停止计时
setTimeout(() => {
timer.stop();
}, 5000);
```
这个计时器使用了 setInterval 函数来每秒更新计时器,可以通过 start 方法开始计时,通过 stop 方法停止计时。计时器会在控制台输出当前的小时、分钟和秒数。在上面的示例中,计时器会计时 5 秒,然后自动停止。
阅读全文