js 实现 debounce防抖、throttle节流

最新推荐文章于 2024-05-11 15:31:24 发布

长腿欧巴~

最新推荐文章于 2024-05-11 15:31:24 发布

阅读量318

点赞数

分类专栏：面试题文章标签：防抖节流

本文链接：https://blog.csdn.net/weixin_40614372/article/details/101283210

版权

面试题专栏收录该内容

5 篇文章 1 订阅

订阅专栏

实现防抖(一般用于输入框搜索)

说明：在调用debounce函数后1000毫秒后才会回调，1000毫秒内再次调用将延时回调。

var clearTime;
function debounce(callback,time = 1000){
    clearTimeout(clearTime);
    clearTime = setTimeout(function(){
        callback();
    },time);
}

实现节流(一般用网站抢购、抢票)

说明：1000毫秒内不管调用多少次throttle函数都只会回调一次

var allow = true;
function throttle(callback,time = 1000){
    if(!allow) return false;
    allow = false;
    setTimeout(function(){
        allow = true;
        callback();
    },time);
}