企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
>[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)); ~~~