使用js完成一个00:00:00时分秒动态的每秒递增的计时器,使用箭头函数的写法
时间: 2024-09-23 19:08:10 浏览: 31
在JavaScript中,你可以使用`setInterval`函数配合箭头函数来创建一个动态递增的计时器,显示时、分、秒。这里是一个简单的例子:
```javascript
let hours = 0;
let minutes = 0;
let seconds = 0;
const timer = setInterval(() => {
seconds++;
if (seconds >= 60) {
seconds = 0;
minutes++;
}
if (minutes >= 60) {
minutes = 0;
hours++;
}
// 格式化时间,保留两位小数点
const formattedTime = padZero(hours) + ':' + padZero(minutes) + ':' + padZero(seconds);
console.log(formattedTime);
}, 1000); // 每秒更新一次
// 辅助函数,用于在字符串前补零到指定长度
function padZero(value, length = 2) {
return value.toString().padStart(length, '0');
}
// 清理定时器,在不再需要时停止计时
// 清理方法通常放在某个事件或者条件满足时调用
// clearInterval(timer);
```
这个代码会在控制台每秒钟打印出当前的小时:分钟:秒格式的时间。当达到60秒、60分钟后,会自动递增相应的单位。
阅读全文