在事件被觸發n秒後再執行**,如果在這n秒內又被觸發,則重新計時。
function表現:debounce(fn, delay) , delay);}}
![](https://pic.w3help.cc/d83/749a2c76fcd5e18ad3f32b57e7ae5.jpeg)
節流(throttle)
規定在乙個單位時間內,只能觸發一次函式。如果這個單位時間內觸發多次函式,只有一次生效。
function表現:throttle(fn, delay)
last_time =now;
this
, arguments)}}
![](https://pic.w3help.cc/c35/a66cc42657ca0ca41d4ee6847010f.jpeg)
區別:
去抖和節流十分相似,不一樣的是,如果短時間內不斷觸發:
去抖:停止觸發時才去執行
節流:只要過了delay,就會執行過了delay後的第一次觸發
JS 函式節流和去抖
1 什麼是節流和去抖?節流。就是擰緊水龍頭讓水少流一點,但是不是不讓水流了。想象一下在現實生活中有時候我們需要接一桶水,接水的同時不想一直站在那等著,可能要離開一會去幹一點別的事請,讓水差不多流滿一桶水的時候再回來,這個時候,不能把水龍頭開的太大,不然還沒回來水就已經滿了,浪費了好多水,這時候就需要...
js節流防抖
什麼是節流防抖?在學習這個問題前,我們先丟擲問題 假設我現在有這麼乙個需求 根據input框輸入內容列印到控制台這個問題簡單啊,很簡單的功能嘛,如下 text id input let input document.getelementbyid input input.addeventlistene...
js防抖節流
第一種 function debounce fn,delay delay 第二種 function debounce fn,delay delay 立即執行就是事件觸發後立即執行,然後超過一段時間沒有觸發事件,執行函式才會被觸發執行 function fn,delay timer settimeou...