JS 中如何实现每隔 10 秒执行一次任务

在 JavaScript 开发中，常常会遇到需要每隔一段时间执行特定任务的场景，比如定时更新数据、轮播展示内容等。本文将详细介绍在 JS 中实现每隔 10 秒执行一次任务的几种常见方法。

使用 setInterval 方法

setInterval 是 JavaScript 内置的一个全局函数，它可以按照指定的时间间隔（以毫秒为单位）重复执行一个函数。要实现每隔 10 秒执行一次任务，代码如下：

function myTask() {
    console.log('任务执行了');
}
setInterval(myTask, 10000);

在上述代码中，myTask 是我们定义的要执行的任务函数，setInterval 的第一个参数是要执行的函数，第二个参数是时间间隔，10000 毫秒即 10 秒。这样，myTask 函数就会每隔 10 秒被执行一次。

使用递归的 setTimeout 方法

setTimeout 函数会在指定的延迟时间后执行一次函数。通过递归调用 setTimeout，也能实现类似 setInterval 的定时执行效果。示例代码如下：

function myTask() {
    console.log('任务执行了');
    setTimeout(myTask, 10000);
}
setTimeout(myTask, 10000);

在这个代码中，myTask 函数内部再次调用 setTimeout 并传入自身和 10000 毫秒的延迟时间，从而实现每隔 10 秒执行一次任务。与 setInterval 不同的是，这种方式每次执行任务后才会设置下一次执行的时间。

基于 Promise 和 async/await 的定时执行

在现代 JavaScript 中，利用 Promise 和 async/await 语法也可以实现定时执行任务。示例如下：

async function myTask() {
    while (true) {
        console.log('任务执行了');
        await new Promise(resolve => setTimeout(resolve, 10000));
    }
}
myTask();

在这段代码中，async 函数 myTask 内部使用了一个无限循环 while (true)，每次循环中执行任务后，通过 await 等待一个 Promise，这个 Promise 会在 10 秒后被 setTimeout resolve，从而实现每隔 10 秒执行一次任务。

以上就是在 JavaScript 中实现每隔 10 秒执行一次任务的几种常见方法。开发者可以根据具体的项目需求和场景选择合适的方法来实现定时任务。