javascript间隔定时器(延时定时器)学习 间隔调用和延时调用


在JavaScript中,间隔定时器和延时定时器是两个常用的功能,它们通过`setTimeout`和`setInterval`函数实现。

### 延时调用(setTimeout)

`setTimeout`函数用于在指定的毫秒数后执行函数或计算表达式。它只执行一次。


// 延时调用示例
setTimeout(function() {
    console.log('这是一个延时调用,3秒后执行');
}, 3000); // 3000毫秒后执行

### 间隔调用(setInterval)

`setInterval`函数则用于每隔指定的毫秒数重复执行函数或计算表达式。它会持续执行,直到你手动停止它(使用`clearInterval`)。


// 间隔调用示例
let intervalId = setInterval(function() {
    console.log('这是一个间隔调用,每隔2秒执行一次');
}, 2000); // 每隔2000毫秒执行一次

// 如果想要停止间隔调用,可以使用clearInterval
// clearInterval(intervalId);

在实际应用中,延时调用常用于只需要在特定时间后执行一次的场景,比如登录页面加载后的几秒自动跳转到另一个页面。而间隔调用则常用于需要周期性执行任务的场景,比如游戏中的帧渲染、数据定时刷新等。

记住,在不需要的时候使用`clearInterval`来停止间隔调用是很重要的,以避免内存泄漏和其他潜在问题。