参考:js 防抖实战讲解_weixin_33775582的博客-CSDN博客
var timer
//跳转指定页面-prev
function jumpPage() {
if (timer) {
clearTimeout(timer) //如果200ms内又一次触发,则会重新计算时间
}
timer = setTimeout(() => {
jumpPageNow()
}, 200)
}
改进-使用闭包
<body>
<div>
<input type="text" id="inp" />
</div>
<script>
// 防抖-使用闭包
function debounce(delay, callBack) {
let timer;
return function(value) {
clearTimeout(timer);
timer = setTimeout(() => {
callBack && callBack(value);
}, delay);
};
}
const logValue = value => {
console.log(value);
};
let inp = document.getElementById("inp");
// debounce使用了闭包,返回一个函数,故先把返回函数释放
let debounceInp = debounce(1000, logValue);
inp.addEventListener("keyup", function(e) {
debounceInp(e.target.value);
});
</script>
</body>