zl程序教程

您现在的位置是:首页 >  Javascript

当前栏目

js之JavaScript防抖和节流

2023-02-26 10:20:03 时间

防抖:动作绑定事件,动作发生后一定时间后触发事件,在这段时间内,如果该动作又发生,则重新等待一定时间再触发事件。

function debounce(func, time) {     let timer = null;     return () => {       clearTimeout(timer);       timer = setTimeout(()=> {         func.apply(this, arguments)       }, time);     }   }

节流: 动作绑定事件,动作发生后一段时间后触发事件,在这段时间内,如果动作又发生,则无视该动作,直到事件执行完后,才能重新触发。

function throtte(func, time){     let activeTime = 0;     return () => {       const current = Date.now();       if(current - activeTime > time) {         func.apply(this, arguments);         activeTime = Date.now();       }     }   }

js之JavaScript防抖和节流


本站部分内容转载自网络,版权属于原作者所有,如有异议请联系QQ153890879修改或删除,谢谢!
转载请注明原文链接:js之JavaScript防抖和节流

你还在原价购买阿里云、腾讯云、华为云、天翼云产品?那就亏大啦!现在申请成为四大品牌云厂商VIP用户,可以3折优惠价购买云服务器等云产品,并且可享四大云服务商产品终身VIP优惠价,还等什么?赶紧点击下面对应链接免费申请VIP客户吧:

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)
[[email protected]]
分享 (0)