节流函数的使用

最新推荐文章于 2024-07-29 13:58:45 发布

doraemon960320

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量1.5k

点赞数 1

分类专栏： JavaScript基础文章标签： javascript

本文链接：https://blog.csdn.net/zl960320/article/details/119359466

版权

1.什么是节流？节流有什么作用？

这一篇来讲解什么是节流，节流就是当持续触发事件的时候，保证一定时间内只调用一次事件处理函数，一段时间内只调用一次。

通俗点讲，就是当我们去食堂排队打饭的时候，无论有多少人排队，只有当你前面一个人打完饭之后，才能轮到你打饭，也就是说，在上一个人打饭的这一段时间内，食堂叔叔阿姨只为前一个人服务，当为前一个人服务完之后，才能开始为你服务。这个例子是不是通俗易懂。哈哈哈~~~

下面言归正传，既然也是一段时间内，所以节流函数里面也需要使用定时器setTimeout,但是这里与防抖的区别是，节流是一段时间内不管你触发多少次，只响应一次

下面上代码

2.代码的通俗解释

<body>
    <button id="btn">点击</button>
    <script>
        //1.获取元素
        var btn=document.getElementById("btn");
        //2.节流函数
        function throttle(callback,wait){
            let timeout=null;//设置一个时间间隔
            return function(value){
            //这里和防抖函数一样，需要将timeout的数据保留在内存中，所以这里需要是用闭包，闭包就是函数里面return 函数
                if(!timeout){
                //当没有人服务时，就开启定时器为人服务

最低0.47元/天解锁文章

doraemon960320

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
节流函数的使用

1.什么是节流？节流有什么作用？这一篇来讲解什么是节流，节流就是当持续触发事件的时候，保证一定时间内只调用一次事件处理函数，一段时间内只调用一次。通俗点讲，就是当我们去食堂排队打饭的时候，无论有多少人排队，只有当你前面一个人打完饭之后，才能轮到你打饭，也就是说，在上一个人打饭的这一段时间内，食堂叔叔阿姨只为前一个人服务，当为前一个人服务完之后，才能开始为你服务。这个例子是不是通俗易懂。哈哈哈~~~下面言归正传，既然也是一段时间内，所以节流函数里面也需要使用定时器setTimeout,但是这里与防
复制链接

扫一扫

专栏目录