防抖函數的實現
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>防抖</title>
</head>
<body>
<button id="btn">提交</button>
<script>
/*防抖函數作用限制多長時間內只能執行一次*/
function success (event){
console.log('提交成功')
}
//防抖函數
const debounce = (fn,delay) =>{ // 1
let timer = null
return (...args) => { //4
clearTimeout(timer) //5
timer= setTimeout(() =>{//3
fn.apply(this,args) //6
},delay)
}
}
const oDebounce = debounce(success,5000) //2
let btn = document.getElementById('btn')
btn.addEventListener('click',oDebounce)
</script>
</body>
</html>