js中利用settimout 模拟实现 setinterval并且有去除定时器_js 带有时间修正和清除定时器功能-CSDN博客

本文链接：https://blog.csdn.net/weixin_51610980/article/details/131323113

文章介绍了JavaScript中的定时器函数setTimeout和setInterval，用于在指定延迟后或周期性执行函数。同时提到了clearTimeout和clearInterval用于取消定时器。还提供了一个自定义的mySetInterval函数示例，该函数返回一个包含取消方法的对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

介绍定时器

`setTimeout`

通过 setTimeout函数可以创建一个定时器，在指定的延迟时间之后执行一次指定的函数。它接受两个参数，第一个参数是要执行的函数，第二个参数是延迟的时间（以毫秒为单位）

例子：1秒后打印Hello, World!

setTimeout(function() {
  console.log("Hello, World!");
}, 1000);

`setInterval`

通过 setInterval 函数可以创建一个定时器，定期（每隔一段时间）执行指定的函数。它接受两个参数，第一个参数是要执行的函数，第二个参数是执行的时间间隔（以毫秒为单位）

例子：每隔1秒打印Hello, World!

setInterval(function() {
  console.log("Hello, World!");
}, 1000);

`clearTimeout` 和`clearInterval`

用于取消之前设置的 setTimeout 和 setInterval 定时器。这两个函数接受一个定时器的标识符作为参数，以取消对应的定时器。

例子：取消setTimeout

const timer = setTimeout(function() {
  console.log("Hello, World!");
}, 1000);

// 取消定时器
clearTimeout(timer);

代码实现

  function mySetInterval (fn, t) {
    let timer = null;
    function interval() {
        fn();
        timer = setTimeout(interval, t)
    }
    interval();
    return {
        cancel: () => {
            clearTimeout(timer);
        }
    }
}
const timer = mySetInterval (() => {
  console.log("Hello, World!");
}, 2000);