节流:所谓节流,就是控制某个调用事件的频率,使其较稳定的触发。
本次使用的是Date()方法,获得时间差,在特定的时间连续触发事件。
设置body高度,使其大于浏览器高度,显示滚动条
body {
height: 5000px;
}
监听窗口的滚动,同时比较相隔时间是否大于100毫秒(最后记得更新last时间戳)
let last = new Date();
window.onscroll = function() {
let now = new Date();
if(now - last > 100) { //当时间间隔 大于 100毫秒才执行所需的事件
console.log("节流触发事件");
}
last = new Date();
}