函数节流[throttle]

函数节流[throttle]

让函数保持在一个可接受的固定频率执行

let box=document.querySelector("#box")
let index=0;
function throttle(fn,interval=200,isStart=true){
  let timer=0;
  return function(...args){
  if(timer){ return }
  const _this=this;
  isStart&&fn.apply(_this,args);
  timer=setTimeout(()=>{
  (!isStart)&&fn.apply(_this,args);
  timer=0;
  },interval)
}
box.onmousemove=throttle(function(e){
index++;
console.log("move",index)
},1000,true);

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容