JS的去抖 節流

2022-07-03 18:30:12 字數 662 閱讀 4769

在事件被觸發n秒後再執行**,如果在這n秒內又被觸發,則重新計時。

function

debounce(fn, delay) , delay);}}

表現:

節流(throttle)

規定在乙個單位時間內,只能觸發一次函式。如果這個單位時間內觸發多次函式,只有一次生效。

function

throttle(fn, delay)

last_time =now;

this

, arguments)}}

表現:

區別:

去抖和節流十分相似,不一樣的是,如果短時間內不斷觸發:

去抖:停止觸發時才去執行

節流:只要過了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...