JavaScript中setTimeout的那些事儿

当在JavaScript中需要实现延迟执行的功能时，一种常用的方式是使用setTimeout方法。这个方法会在指定的时间后，将被执行的函数推入事件队列中，等待当前代码执行完毕之后被执行。

延迟执行代码

setTimeout方法的基本用法如下：

setTimeout(function() {
    console.log('延迟1秒后执行');
}, 1000);

这段代码表示在1秒后执行函数内部的代码。需要注意的是，setTimeout方法返回的是一个计时器ID，可以用于后续取消计时器。

取消计时器

通过计时器ID，可以使用clearTimeout方法取消计时器。下面的示例展示如何取消计时器：

var timerId = setTimeout(function() {
    console.log('延迟1秒后执行');
}, 1000);

if (someCondition) {
    clearTimeout(timerId);
    console.log('计时器已取消');
}

在这个示例中，如果someCondition满足，则执行clearTimeout方法，取消计时器的执行。

调整延迟时间

除了延迟时间之外，setTimeout方法还可以接收一个可选的参数，表示执行函数的参数。此外，还可以使用apply方法来调整函数的参数。下面的示例展示如何调整函数延迟执行的时间：

function delayedGreeting(name) {
    console.log('Hello, ' + name + '!');
}

setTimeout(function() {
    delayedGreeting('World');
}, 1000);

setTimeout(function(name) {
    delayedGreeting.apply(undefined, [name]);
}, 2000, 'Universe');

在这个示例中，定义了一个函数delayedGreeting，用于输出带有参数name的问候语。首先使用setTimeout方法，在1秒后执行函数并传递参数World。然后，在2秒后执行同样的函数，但是传递的参数变成了Universe。

总结

• setTimeout方法可以实现在指定时间后延迟执行代码。
• 使用计时器ID可以取消计时器的执行。
• 可以使用apply方法来调整函数延迟执行的时间，并传递函数参数。