防抖节流简单示例

 1 //节流    在规定时间内只会执行一次,若重复点击,只有一次执行
 2     //防抖      在规定时间后执行一次,重复点击,重新开始计时
 3     // ----------------------------------
 4     //节流
 5     function func(){
 6         console.log("节流")
 7     }
 8             var flag=true;
 9     function throttleFun(){
10         if(flag){
11             flag = false;
12             setTimeout(()=>{
13                 flag = true;
14                 func()
15             },2000)
16         }
17     }
18     // -------------------------------------
19     // 防抖
20     function func_(){
21         console.log("防抖")
22     }
23     var time;
24     function stabilizationFun(){
25         clearTimeout(time);
26         time = setTimeout(()=>{
27             var days = new Date()
28             var a= days.getHours();
29             var b= days.getMonth();
30             var c= days.getSeconds();
31             console.log(a+'时'+b+'分'+c+'秒');
32             func_();
33         },2000)
34     }

 

posted @ 2022-12-13 16:15  奔跑的哈密瓜  阅读(31)  评论(0编辑  收藏  举报