// 函数节流var canRun = true;document.getElementById("throttle").onscroll = function(){ ???if(!canRun){ ???????// 判断是否已空闲,如果在执行中,则直接return ???????return; ???} ???canRun = false; ???setTimeout(function(){ ???????console.log("函数节流"); ???????canRun = true; ???}, 300);};
// 函数防抖var timer = false;document.getElementById("debounce").onscroll = function(){ ???clearTimeout(timer); // 清除未执行的代码,重置回初始化状态 ???timer = setTimeout(function(){ ???????console.log("函数防抖"); ???}, 300);}; ?
js函数节流和防抖
原文地址:http://www.cnblogs.com/simao/p/7921381.html