防抖和节流的实现

/*节流的实现*/
function thottle(fn) {
let timer;
return function(){

if(!timer){

timer = setTimeout(()=>{

fn.apply(this, arguments);
timer= null;

},5000)
}
}
}
function sy(){

console.log("jiuliu")

}
//应用

window.onscroll = throttle(sy)

//结果:每隔5000ms执行一次
//防抖


function debounce(fun){

let timer= null;


return function(){

clearTimeout(timer)
timer = setTimeout(()=>{

fun.apply(this,arguments)

},5000)
}

}
//应用
window.onscroll = debounce(sy)


//结果  总是执行最后一次行为后的结果


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 对于“防抖”和“节流”,之前以为这两个词是一个概念,翻了几篇文章特此写笔记整理一下。 防抖和节流的区别 防抖是.....
    mytac阅读 1,849评论 0 1
  • 防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 实现方式:每次触发事件时...
    LenHong阅读 38,535评论 5 36
  • 《泰坦尼克号》、《珍妮的画像》
    芮曦阅读 200评论 0 0
  • 之前有同事经常会跟我说某某人很聪明。我就很奇怪的问她,你怎么知道呢?当她告诉我说因为他眼神会发亮。当时我只是: (...
    问之成兮阅读 284评论 1 2
  • 1、能让人口腔分泌唾液的五行是( 木)、(火 ),让人口腔感觉干,对口腔起到收敛作用的五行是( 金)、(水)。 2...
    悟静_dcf4阅读 236评论 1 0

友情链接更多精彩内容