简单的防抖

最新推荐文章于 2024-08-22 14:32:34 发布

西瓜爱打字

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量71

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/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>