简单的防抖

西瓜爱打字

于 2022-07-07 12:59:47 发布

阅读量100

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/m0_59226489/article/details/125656930

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>防抖</title>
  </head>
  <body>
    <button class="dianji">点击</button>
  </body>
  <script>
    // 防抖函数
    var timer; // 维护同一个timer
    function debounce(fn, delay) {
      clearTimeout(timer);
      timer = setTimeout(function () {
        fn();
      }, delay);
    }

    let dianji = document.querySelector(".dianji");
    dianji.addEventListener("click", function () {
      debounce(function () {
        console.log("点击了");
      }, 1000);
    });
  </script>
</html>