• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

js防抖函数

开发技术 开发技术 4小时前 1次浏览
<script>
  function debounce (fn, delay) {//防抖
    let timer = null;
    let firstTime = false;
    return function (...args) {
      let context = this;
      if (firstTime) {
        // 第一次加载
        fn.apply(context, args);
        return firstTime = false;
      }
      console.log(timer)
      if (timer) {
        // 定时器正在执行中,跳过
        return;
      }
      timer = setTimeout(() => {
        clearTimeout(timer);
        timer = null;
        fn.apply(context, args);
      },  delay);
      console.log(timer)
    };
  }
  var doms = document.getElementById('demo')
  doms.addEventListener('click', debounce(loctionthrottleFn, 1000))
  function loctionthrottleFn () {
    let _this =this
    console.log(123)
  }
</script>

<body>
<div id="app"></div>
<div id="demo">惦记我</div>
</body>

 


程序员灯塔
转载请注明原文链接:js防抖函数
喜欢 (0)