天天看點

js節流實作

var throttle = function (fn, interval) {
	var _self = fn; // 儲存需要被延長執行的函數引用
	var timer;
	var firstTime = true; // 是否是第一次調用
	return function () {
		var args = arguments;
		var _this = this;
		if (firstTime) {
			// 如果第一次調用,不需要延遲執行
			_self.apply(_this, args);
			return (firstTime = false);
		}
		if (timer) {
			// 如果定時器還在,說明前一次延遲執行還沒有完成
			return false;
		}
		timer = setTimeout(function (){
			// 延遲一段時間執行
			clearTimeout(timer);
			timer = null;
			_self.apply(_this, args);
		}, interval || 500);
	}	
}
           
throttle(function () {
	// 需要節流的函數
}, 800)
           

繼續閱讀