怎么不用setInterval

避免使用`setInterval`的原因在于它可能导致的问题。通常情况下，我们选择使用`setTimeout`来实现定时任务，原因如下：

1. **控制性更强**[^1]：
`setTimeout`允许你精确地设置一次性的延迟执行，如果不需要连续不断地重复，这可以防止意外的无限循环。

2. **解决“丢帧”问题**：
使用`setInterval`时，由于浏览器可能无法保证每个周期都准确执行回调，导致可能出现短暂的“丢帧”。而`setTimeout`每次调用都是独立的，不会因上一个回调延时而影响下一个。

下面是一个简单的例子，展示如何使用`setTimeout`替换`setInterval`来定期更新计数器：

let counter = 0;
function incrementCounter() {
    counter++;
    console.log('Current count:', counter);
}

// 每隔1秒执行一次incrementCounter函数
setTimeout(incrementCounter, 1000); // 相当于每隔1秒调用一次

在这个例子中，你可以明确地控制计数器每秒钟增加一次，而不是有可能因为性能问题导致频繁的不一致更新。