导读 大家好!今天来聊聊`setInterval`这个好用又容易踩坑的功能🔍。首先,它的作用是每隔一段时间执行一次代码块,比如定时刷新数据或者更新UI
大家好!今天来聊聊`setInterval`这个好用又容易踩坑的功能🔍。首先,它的作用是每隔一段时间执行一次代码块,比如定时刷新数据或者更新UI元素。但如何优雅地控制它呢?💡
开启循环很简单:
只需传入两个参数,第一个是需要执行的函数,第二个是间隔时间(单位为毫秒)。例如:
```javascript
const intervalId = setInterval(() => {
console.log('我每秒执行一次!');
}, 1000);
```
如何优雅停止?
当你想让它停下时,记得使用`clearInterval`,并传入之前保存的`intervalId`。比如:
```javascript
setTimeout(() => clearInterval(intervalId), 5000); // 5秒后停止
```
小贴士: 如果忘记保存`intervalId`,就无法正确停止它,这会导致资源浪费哦⚠️。所以务必养成良好习惯!
希望这篇小分享对你有帮助,快去试试吧🚀!