首页 > Web开发 > 详细

js防抖和节流

时间:2021-03-27 18:44:14      阅读:29      评论:0      收藏:0      [点我收藏+]

防抖和节流的作?都是防?函数多次调?。防抖动是将多次执?变为最后?次执?,节流 是将多次执?变成每隔?段时间执?。假设?个?户?直触发这个函 数,且每次触发函数的间隔?于 wait ,防抖的情况下只会调??次,?节流的 情况会每 隔?定时间(参数 wait )调?函数

防抖

function debounce(wait, fun) {
                var timer = null;
                return function () {
                    if (timer) {
                        clearTimeout(timer)
                    }
                    timer = setTimeout(() => { fun() }, wait)
                }

            }

节流

function throttle(wait, fun) {
                var valid = true;
                return function () {
                    if (valid) {
                        valid = false;
                        setTimeout(() => { valid = true }, wait);
                        fun()
                    }
                }
            }

js防抖和节流

原文:https://www.cnblogs.com/wangyunhui/p/14586144.html

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