码迷,mamicode.com
首页 > Web开发 > 详细

js 防抖节流

时间:2021-04-24 11:51:25      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:http   nbsp   undefined   png   rgba   idt   efi   time   通过   

技术图片

 1 // 防抖
 2 function debounce(func,delay){
 3     let timer = null
 4     return function(){
 5         let context = this
 6         let args = arguments
 7         if(timer) clearTimeout(timer)
 8         timer = setTimeout(()=>{
 9             func.apply(context,args)
10         },delay)
11     }
12 }
13 // 通过setTimeout实现 节流
14 function throttle(func,delay){
15     let timer = null
16     return function(){
17         if(!timer){
18             let context = this
19             let args = arguments
20             timer = setTimeout(()=>{
21                 timer = null
22                 func.apply(context,args)
23             },delay||1500)
24         }
25     }
26 }
27 // 通过时间比较实现 节流
28 function throttle(func,gapTime){
29     if(gapTime == null || gapTime == undefined){
30         gapTime = 1500
31     }
32     let _lastTime = null
33     return function(){
34         let _nowTime = + new Date()
35         if(_nowTime - _lastTime > gapTime || !_lastTime){
36             func()
37             _lastTime = _nowTime
38         }
39     }
40 }

 

js 防抖节流

标签:http   nbsp   undefined   png   rgba   idt   efi   time   通过   

原文地址:https://www.cnblogs.com/kitty-blog/p/14598492.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!