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);
});