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 throttle(func, delay) {
let last;
return () => {
let now = (new Date()).getTime();
if(last == undefined) {
func();
last = now;
} else {
if(now - last > delay) {
func();
last = now;
}
}
}
}
var biu = throttle(()=>{console.log('biu:' + (new Date()).getTime())/1000}, 1000);
// setInterval(biu, 100);
var button = document.getElementById('test')
button.addEventListener('click', biu);
</script>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
上一篇： JavaScript 实现防抖
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论