JavaScript 实现防抖
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button id="test">BIU</button>
<script>
function debounce(func, delay) {
return () => {
clearTimeout(func.id);
func.id = setTimeout(() => {
func();
}, delay);
}
}
var biu = debounce(()=>{console.log('biu:' + (new Date()).getTime())/1000}, 1000);
// setInterval(biu, 100);
var button = document.getElementById('test')
button.addEventListener('click', biu);
</script>
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论