前端-节流函数

不完美女孩-

于 2021-10-11 14:44:44 发布

阅读量279

点赞数

CC 4.0 BY-SA版权

文章标签： html javascript html5

本文链接：https://blog.youkuaiyun.com/LJJONESEED/article/details/120702957

本文介绍了一个名为'thro'的节流函数，它用于控制函数的执行频率，配合定时器实现在2秒延迟后执行handle()函数。通过这个实例，读者可以理解如何在JavaScript中管理异步操作的时机。

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

在这里插入图片描述

  // 节流
  function thro(func, wait) {
    let timeOut;
    return function () {
      if (!timeOut) {
        timeOut = setTimeout(() => {
          func();
          timeOut = null;
        }, wait);
      }
    };
  }
  function handle() {
    console.log(Math.random());
  }
  document.getElementById("button").onclick = thro(handle, 2000);