前端-节流函数

最新推荐文章于 2024-12-18 09:59:42 发布

原创最新推荐文章于 2024-12-18 09:59:42 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript #html5

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

在这里插入图片描述

  // 节流
  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);