節流與去抖和定時器

2021-09-10 10:04:45 字數 515 閱讀 1571

防止時間或方法頻繁觸發

二者差異在於   節流 throtte 在規定時間內肯定會觸發一次

去抖只執行最後一次

time=settimeout返回的time其實是乙個數字

settimeout()方法的返回值是乙個唯一的數值,這個數值有什麼用呢? 如果你想要終止settimeout()方法的執行,那就必須使用 cleartimeout()方法來終止,而使用這個方法的時候,系統必須知道你到底要終止的是哪乙個settimeout()方法(因為你可能同時呼叫了好幾個 settimeout()方法

function throtte(method,context,await),await)

window.addeventlister(『click』,throtte(method...))

另外addeventlister由於onclick  onclick只能繫結乙個方法 listener可以新增多個 

另外寫在內聯的onclick不能這樣寫  只能定義全域性的time  不推薦

參考文章

JS 函式節流和去抖

1 什麼是節流和去抖?節流。就是擰緊水龍頭讓水少流一點,但是不是不讓水流了。想象一下在現實生活中有時候我們需要接一桶水,接水的同時不想一直站在那等著,可能要離開一會去幹一點別的事請,讓水差不多流滿一桶水的時候再回來,這個時候,不能把水龍頭開的太大,不然還沒回來水就已經滿了,浪費了好多水,這時候就需要...

防抖與節流方案 函式防抖和節流

在前端開發的過程中,我們經常會需要繫結一些持續觸發的事件,如 resize scroll mousemove 等等,但有些時候我們並不希望在事件持續觸發的過程中那麼頻繁地去執行函式。通常這種情況下我們怎麼去解決的呢?一般來講,防抖和節流是比較好的解決方案。讓我們先來看看在事件持續觸發的過程中頻繁執行...

JS迴圈定時器和炸彈定時器

setinterval 迴圈定時器 規定時間間隔執行一次,像鬧鐘一樣,不關閉繼續執行 setinterval code,millisec,lang code 必需。要呼叫的函式或要執行的 串 millisec 必需。lang 可選。cleartimeout settime 清除定時器 60s倒計時特...