最简单的想法
点击发送时间 发现不奏效,查一下,因为flag=false,setTimeout是异步函数,外面的flag=false会先被执行,这样就无法实现限流。改一下。 let btn=document.getElementById("btn") let flag=false btn.οnclick=function(){ if(!flag){ flag=true setTimeout(()=>{ console.log(Date()) flag=false },2000) } } 这样可以实现功能,但业务逻辑console.log(Date())耦合的过于紧密,把限流函数提取出来。注意onclick绑定的是函数名。 let btn=document.getElementById("btn") let flag=false function throttle(callback,time){ if(!flag){ flag=true setTimeout(()=>{ callback() flag=false },time) } } btn.οnclick=function(){ throttle(()=>{console.log(Date())},2000) }手动实现简单限流函数
最新推荐文章于 2024-08-20 23:00:00 发布