🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
>[danger]节流函数 --- > 间隔时间内, 只执行一次 --- 事件触发, 判断本次时间和上次执行时间, 是否大于预定值, 大于则执行 案例: 滚轮多次触发, 不想这么频繁. ![](https://img.kancloud.cn/16/3d/163dca34df1ada719bf2953ba7a12dd6_383x702.gif) 解决: 第一次触发执行事件, 记录当前事件, 第二次进入判断时间间隔, 是否大于0.5秒, 大于才可以执行 ![](https://img.kancloud.cn/76/df/76df7bc3bd23d4b6063c36d1fe253001_383x702.gif) --- >[info]代码 --- ~~~ function throttle(fn, time, ...arg){ // 节流函数 return function() { if (fn.lastTime === undefined || new Date().getTime() - fn.lastTime >= time) { fn(...arg); fn.lastTime = new Date().getTime(); } } } function btn (){ console.log(document.documentElement.scrollTop); } document.addEventListener("scroll", throttle(btn, 500)); ~~~