jquery防抖函数debounce扩展
防抖函数
防抖(Debounce) 函数防抖,就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间。
GZ.Debounce.js,对Jquery扩展一个防抖函数 $.debounce(fn,waite)
源码如下:
JavaScript 全选
(function ($) {
var timer;
/**
* 防抖函数
* 防抖(Debounce) 函数防抖,
* 就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间。
* @param {any} fn 执行函数
* @param {number} wait 等待事件,毫秒为单位
*/
$.debounce = function (fn, wait) {
if (timer !== null) {
clearTimeout(timer);
}
timer = setTimeout(fn, wait);
}
})(jQuery)
使用
JavaScript 全选
$(window).resize(function () {
$.debounce(function () {
console.log('resize')
editorCode.layout();
}, 500);
});
版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
post 管理员