javascript 函數(shù)限制調(diào)用代碼
更新時(shí)間：2010年05月19日 19:11:09 作者：
javascript 函數(shù)限制調(diào)用代碼，需要的朋友可以參考下。
函數(shù):
function throttle(fn,ms) {
var last = (new Date()).getTime();
return (function() {
var now = (new Date()).getTime();
if (now - last > ms) {
last = now;
fn.apply(this, arguments);
}
});
}
參數(shù) fn : 傳入的函數(shù)/方法
參數(shù) ms:每次函數(shù)調(diào)用時(shí)的間隔(毫秒為單位),如輸入2000,函數(shù)在2秒內(nèi)不會(huì)重復(fù)觸發(fā)。
附一初始化例子
document.getElementById('pop').onclick = throttle(function (){
alert(this.id);
},2000)
作用域設(shè)為調(diào)用者本身
fn.apply(this, arguments);
Examples
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復(fù)制代碼 代碼如下:
function throttle(fn,ms) {
var last = (new Date()).getTime();
return (function() {
var now = (new Date()).getTime();
if (now - last > ms) {
last = now;
fn.apply(this, arguments);
}
});
}
參數(shù) fn : 傳入的函數(shù)/方法
參數(shù) ms:每次函數(shù)調(diào)用時(shí)的間隔(毫秒為單位),如輸入2000,函數(shù)在2秒內(nèi)不會(huì)重復(fù)觸發(fā)。
附一初始化例子
復(fù)制代碼 代碼如下:
document.getElementById('pop').onclick = throttle(function (){
alert(this.id);
},2000)
作用域設(shè)為調(diào)用者本身
fn.apply(this, arguments);
Examples
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)下拉框功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家詳細(xì)介紹了原生js自定義右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
微信小程序中使用wxss加載圖片并實(shí)現(xiàn)動(dòng)畫效果
記錄微信小程序中使用wxss加載圖片并實(shí)現(xiàn)動(dòng)畫的方式，最終實(shí)現(xiàn)loading效果。本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-08-08
經(jīng)常上tudou網(wǎng)，發(fā)現(xiàn)tudou首頁加載圖片的功能很有意思，tudou首頁從"娛樂"這個(gè)板塊往下的所有視頻的縮略圖并不是在頁面打開后就加載的，而是當(dāng)用戶拖動(dòng)滾動(dòng)條到了"娛樂"這個(gè)板塊，才開始加載圖片的。2010-06-06
javascript高級(jí)模塊化require.js的具體使用方法
本篇文章主要介紹了javascript高級(jí)模塊化require.js的具體使用方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-10-10
JavaScript如何實(shí)現(xiàn)精準(zhǔn)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了JavaScript如何實(shí)現(xiàn)精準(zhǔn)倒計(jì)時(shí)功能,文中的示例代碼簡(jiǎn)潔易懂,具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-02-02
微信小程序清空輸入框信息與實(shí)現(xiàn)屏幕往上滾動(dòng)的示例代碼
這篇文章主要介紹了微信小程序清空輸入框信息與實(shí)現(xiàn)屏幕往上滾動(dòng)的示例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
基于JavaScript+IntersectionObserver實(shí)現(xiàn)高性能圖片懶加載
在 Web 開發(fā)中,圖片懶加載是一種常見的優(yōu)化手段,尤其在長(zhǎng)列表頁面中,按需加載圖片可以顯著提升頁面性能,本篇文章將通過 JavaScript 和 Intersection Observer,實(shí)現(xiàn)一個(gè)帶有卡片樣式的高性能圖片懶加載示例,需要的朋友可以參考下2025-01-01
前端的初學(xué)者在學(xué)習(xí)Javascript中this指向的時(shí)候經(jīng)常都會(huì)一頭霧水,尤其是在ES6箭頭函數(shù)出現(xiàn)之前,所以本篇文章主要是介紹和總結(jié)了各種情況下的this指向,希望對(duì)大家有所幫助2023-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)計(jì)算器案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07