首页 > 网站 > WEB开发 > 正文

函数防抖

2024-04-27 15:07:14
字体:
来源:转载
供稿:网友

1.通过设置延时和取消延时来保证函数在事件触发一段时间后执行

$(document).ready(function() {            function bebounce(fn, delay) {                var timer = null;                return function() {                    var context = this;                    var arg = arguments;                    //每次一调用函数时,取消上一次的定时                    clearTimeout(timer);                    timer = setTimeout(function() {                        fn.apply(context, arg)                    }, delay);                }            }            function showWidth() {                console.log(window.innerWidth);            }            window.addEventListener('resize', bebounce(showWidth, 1000), false);        });


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表