使用setTimeout实现setInterval

setInterval和setTimeout都是JavaScript中用于执行定时任务的函数，但它们的行为有所不同。

setInterval会按照指定的间隔不断重复执行某个函数，而setTimeout则只会在指定的时间后执行一次函数。

虽然setInterval已经提供了我们需要的定时重复执行的功能，但有时我们可能出于某种原因（比如对性能的优化或者更精确的控制）想要使用setTimeout来模拟setInterval的行为。下面是一个示例：

function mySetInterval(callback, delay) {
  // 初始调用
  callback(); // 递归调用 setTimeout 来模拟 setInterval
  const intervalId = setTimeout(() => {
    // 清除前一个 setTimeout，防止在回调函数执行时间较长时产生累积的延迟
    clearTimeout(intervalId); // 递归调用 mySetInterval
    mySetInterval(callback, delay); // 执行回调函数
  }, delay);
}
// 使用示例
mySetInterval(() => console.log("Hello, world!"), 2000);

这个mySetInterval函数首先执行一次回调函数，然后设置一个setTimeout在指定的延迟后执行。在 setTimeout的回调函数中，我们首先清除前一个setTimeout（如果有的话），然后递归调用 mySetInterval来设置下一个setTimeout。这样就实现了类似setInterval的功能。

需要注意的是，这种方法并不能完全替代setInterval，因为setTimeout的延迟时间并不是精确的，它受到JavaScript事件循环和浏览器性能的影响。如果回调函数的执行时间超过了设定的延迟时间，那么 setTimeout的实际触发时间就会比预期的要晚。这也是为什么我们在上面的代码中在每次调用 setTimeout之前先清除前一个setTimeout的原因，以尽量避免这种累积的延迟。