js实现每过1秒加1
使用 setInterval 实现每秒加1
通过 setInterval 定时器,每隔 1000 毫秒(1秒)执行一次计数操作。

let count = 0;
const timer = setInterval(() => {
count++;
console.log(count); // 替换为实际需要的操作
}, 1000);
// 需要停止时调用 clearInterval(timer)
使用 setTimeout 递归实现
通过递归调用 setTimeout 实现更精确的控制,避免 setInterval 可能因任务阻塞导致的计时漂移。
let count = 0;
function increment() {
count++;
console.log(count); // 替换为实际需要的操作
setTimeout(increment, 1000);
}
increment(); // 启动
结合页面显示的完整示例
在 HTML 中显示动态更新的计数:
<div id="counter">0</div>
<script>
let count = 0;
const counterElement = document.getElementById('counter');
setInterval(() => {
count++;
counterElement.textContent = count;
}, 1000);
</script>
注意事项
- 定时器会持续运行,需通过
clearInterval或条件判断终止。 - 页面切换时(如单页应用),需清理定时器以避免内存泄漏。







