防抖与节流(三)

节流

  <style>
      body{
          height: 2000px;
      }
  </style>

节流的概念和作用

  // 节流:控制执行次数
  // 节流的作用:控制高频事件执行次数
  window.onscroll = throttle(function(){
    console.log("hello world")
  },500)
  // 封装一个节流的函数
  function throttle (fn,delay){
    let t = true
    return function(){
      if(t){
        setTimeout(() => {
          fn.call(this)
          t = true
        }, delay);
      }
      t = false
    }
  }
posted @ 2021-07-21 16:54  `Duet`  阅读(18)  评论(0编辑  收藏  举报