You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
1.6 KiB
82 lines
1.6 KiB
2 years ago
|
/**
|
||
|
* Debounce and throttle function's decorator plugin 1.0.6
|
||
|
*
|
||
|
* Copyright (c) 2009 Filatov Dmitry (alpha@zforms.ru)
|
||
|
* Dual licensed under the MIT and GPL licenses:
|
||
|
* http://www.opensource.org/licenses/mit-license.php
|
||
|
* http://www.gnu.org/licenses/gpl.html
|
||
|
*
|
||
|
*/
|
||
|
|
||
|
(function ($) {
|
||
|
|
||
|
$.extend({
|
||
|
|
||
|
/**
|
||
|
* Debounce's decorator
|
||
|
* @param {Function} fn original function
|
||
|
* @param {Number} timeout timeout
|
||
|
* @param {Boolean} [invokeAsap=false] invoke function as soon as possible
|
||
|
* @param {Object} [ctx] context of original function
|
||
|
*/
|
||
|
debounce: function (fn, timeout, invokeAsap, ctx) {
|
||
|
|
||
|
if (arguments.length == 3 && typeof invokeAsap != 'boolean') {
|
||
|
ctx = invokeAsap;
|
||
|
invokeAsap = false;
|
||
|
}
|
||
|
|
||
|
var timer;
|
||
|
|
||
|
return function () {
|
||
|
|
||
|
var args = arguments;
|
||
|
ctx = ctx || this;
|
||
|
|
||
|
invokeAsap && !timer && fn.apply(ctx, args);
|
||
|
|
||
|
clearTimeout(timer);
|
||
|
|
||
|
timer = setTimeout(function () {
|
||
|
invokeAsap || fn.apply(ctx, args);
|
||
|
timer = null;
|
||
|
}, timeout);
|
||
|
|
||
|
};
|
||
|
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Throttle's decorator
|
||
|
* @param {Function} fn original function
|
||
|
* @param {Number} timeout timeout
|
||
|
* @param {Object} [ctx] context of original function
|
||
|
*/
|
||
|
throttle: function (fn, timeout, ctx) {
|
||
|
|
||
|
var timer, args, needInvoke;
|
||
|
|
||
|
return function () {
|
||
|
|
||
|
args = arguments;
|
||
|
needInvoke = true;
|
||
|
ctx = ctx || this;
|
||
|
|
||
|
timer || (function () {
|
||
|
if (needInvoke) {
|
||
|
fn.apply(ctx, args);
|
||
|
needInvoke = false;
|
||
|
timer = setTimeout(arguments.callee, timeout);
|
||
|
}
|
||
|
else {
|
||
|
timer = null;
|
||
|
}
|
||
|
})();
|
||
|
|
||
|
};
|
||
|
|
||
|
}
|
||
|
|
||
|
});
|
||
|
|
||
|
})(jQuery);
|