js定时器的使用(实例讲解)


当然,我可以为你提供一个JavaScript中使用定时器的实例讲解。这里我们主要讨论`setTimeout`和`setInterval`两个常用的定时器函数。

### `setTimeout`

`setTimeout`函数用于在指定的毫秒数后执行代码,但它只执行一次。


// 使用setTimeout的示例
console.log("开始");

setTimeout(function() {
    console.log("5秒后执行");
}, 5000); // 5000毫秒后执行

console.log("结束(setTimeout已设置,但还未执行)");

在这个例子中,首先会输出“开始”,然后是“结束(setTimeout已设置,但还未执行)”,最后等待5秒后输出“5秒后执行”。

### `setInterval`

`setInterval`函数则用于重复地调用函数或执行代码,每隔固定的时间间隔就执行一次。


// 使用setInterval的示例
console.log("开始");

var intervalId = setInterval(function() {
    console.log("每隔2秒执行一次");
}, 2000); // 每隔2000毫秒执行一次

// 在某个时间点停止定时器
setTimeout(function() {
    clearInterval(intervalId); // 清除定时器
    console.log("定时器已停止");
}, 10000); // 10秒后停止定时器

console.log("结束(setInterval已设置,将持续执行直到被清除)");

在这个例子中,首先会输出“开始”和“结束(setInterval已设置,将持续执行直到被清除)”。然后每隔2秒输出一次“每隔2秒执行一次”。10秒后,输出“定时器已停止”,并且“每隔2秒执行一次”的输出也会停止。

以上就是通过实例讲解JavaScript中`setTimeout`和`setInterval`两个定时器的使用方法。