小編給大家分享一下如何實(shí)現(xiàn)javascript函數(shù)節(jié)流,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
創(chuàng)新互聯(lián)公司是一家專業(yè)提供河?xùn)|企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、成都做網(wǎng)站、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為河?xùn)|眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。
1、用時(shí)間戳判斷是否已到回調(diào)執(zhí)行時(shí)間,記錄上次執(zhí)行時(shí)間戳,然后每次觸發(fā)事件時(shí)執(zhí)行回調(diào),回調(diào)判斷當(dāng)前時(shí)間戳距離上次執(zhí)行時(shí)間戳的時(shí)間間隔是否為*s,如果是,則執(zhí)行,并更新上次執(zhí)行時(shí)間戳,如此循環(huán)。
var throttle = function(delay, action) { var last = 0; return function() { var curr = new Date(); if (curr - last > delay) { action.apply(this, arguments); last = curr; } } }
2、使用定時(shí)器,比如,當(dāng)scroll事件剛觸發(fā)時(shí),打印一個(gè)hello world ,然后設(shè)置一個(gè)1000ms的定時(shí)器,此后每次觸發(fā)scroll事件,觸發(fā)回調(diào),如果已經(jīng)存在定時(shí)器,則回調(diào)不執(zhí)行方法,知道定時(shí)器出發(fā),handler被清除,然后重新設(shè)置定時(shí)器。
var throttle = function(delay, action) { var timeout; var later = function () { timeout = setTimeout(function(){ clearTimeout(timeout); // 解除引用 timeout = null; }, delay); }; later(); if (!timeout) { action.apply(this, arguments); later(); } }
看完了這篇文章,相信你對“如何實(shí)現(xiàn)javascript函數(shù)節(jié)流”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!