当前位置: 首页 > Web前端 > JavaScript

微信小程序防抖

时间:2023-03-26 20:16:19 JavaScript

微信小程序关闭-防抖这里关闭主要是用来保存函数中的值,下次点击时进入判断。如果启动了定时器,则直到最后一次启动定时器时,定时器才会被清零。也就是说在指定的时间内只会触发最后一个定时器,从而达到防抖的效果。防抖使用场景:防止连续快速点击,防止滚动条触底时频繁触发事件方法一:data:{name:null},time:null,//滚动条触底scrollLower(){console.log('底部',this.time);clearTimeout(this.time)this.time=setTimeout(()=>{console.log('防抖',this.time);},1000)},方法二://滚动条底部scrollLower(){this.light()//这里如果要携带参数},light:(function(){leti=nullconsole.log('bottom',i);returnfunction(){//接收携带的参数这里if(i!=null)clearTimeout(i)i=setTimeout(()=>{console.log('防抖',i);},1000)}})(),微信外层小程序不支持constfn=function()的语法,所以这里只能以对象的形式定义函数:fn:function(){}jsclosureclick