首页 > Web开发 > 详细

js 防抖节流函数

时间:2021-08-06 17:35:12      阅读:23      评论:0      收藏:0      [点我收藏+]

1:防抖函数

定义:在持续触发事件中,一段时间过后才触发执行事件。

例子:输入框持续输入值,一段延时过后再调用处理函数。

1 function debounce(){
2     var timeout
3     return function(){
4         clearTimeout(timeout)
5         timeout = setTimeout(function(){
6            console.log(Math.random())
7         },3000)
8     }
9 }    

2:节流函数

定义:在持续触发事件中,一段时间内只触发一次执行事件。

例子:提交按钮,在一段内连续提交只能触发一次执行事件。

 1 function throttle (){
 2     var timeout = null
 3     return function(){
 4        if(!timeout){
 5           timeout = setTimeout(function(){
 6             console.log(Math.random())
 7             timeout = null
 8            },3000)
 9        }
10     }
11 }            

 

js 防抖节流函数

原文:https://www.cnblogs.com/watsonakl/p/15107907.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!