使用setTimeout模拟setInterval

在JavaScript中，setInterval 是一个常用的函数，用于定期执行某个函数或代码段。然而，有时出于各种原因（例如，为了更精确地控制执行间隔，或避免可能的setInterval相关问题），我们可能想要使用 setTimeout 来模拟 setInterval 的行为。

以下是一个使用 setTimeout 模拟 setInterval 的基本示例：

function customSetInterval(callback, delay) {
    function loop() {
        callback();
        setTimeout(loop, delay);
    }
    setTimeout(loop, delay);
}

// 使用示例
customSetInterval(function() {
    console.log('This will run every 2 seconds');
}, 2000);

在这个示例中，我们定义了一个名为 customSetInterval 的函数，它接受两个参数：一个回调函数 callback 和一个延迟时间 delay（以毫秒为单位）。在函数内部，我们定义了一个名为 loop 的函数，它会首先调用回调函数，然后使用 setTimeout 来安排自己在下一个延迟周期后再次执行。最后，我们调用 setTimeout 来启动这个循环。

这种方式与直接使用 setInterval 的主要区别在于，每次回调函数执行完毕后，都会重新计算下一次执行的时间。这可以避免一些与 setInterval 相关的问题，例如，如果回调函数的执行时间超过了指定的延迟时间，那么使用 setInterval 可能会导致回调函数被连续、无间隔地调用。而使用上述的 customSetInterval 函数，则可以确保每次回调函数执行之间都有至少 delay 毫秒的间隔。