返回介绍

延时执行 delay

发布于 2024-09-07 23:55:54 字数 908 浏览 0 评论 0 收藏 0

延时执行某函数,且只会执行一次。

代码

function delay(fn = () => { }, delay = 5000, context = null) {
  let ticket = null;
  let runned = false;
  return {
    run(...args) {
      return new Promise((resolve, reject) => {
        if (runned === true) {
          return;
        }
        runned = true;
        ticket = setTimeout(async () => {
          try {
            const res = await fn.apply(context, args);
            resolve(res);
          } catch (err) {
            reject(err)
          }
        }, delay)
      })
    },
    cancel: () => {
      clearTimeout(ticket);
    }
  }
}

示例

delay(function () {
  console.log("你们好");
}).run();

const { run, cancel } = delay(function (name) {
  console.log("你好:", name);
});

run("吉他");
run("吉他");

// 你们好
// 你好: 吉他

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文