快捷導(dǎo)航

JS中setInterval、setTimeout不能傳遞帶參數(shù)的函數(shù)的解決方案

更新時(shí)間：2013年04月28日 16:06:51 作者：

在JS中無論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時(shí)都不能帶參數(shù)，而在許多場(chǎng)合必須要帶參數(shù)，接下來為大家介紹具體的解決方法

在JS中無論是setTimeout還是setInterval，在使用函數(shù)名作為調(diào)用句柄時(shí)都不能帶參數(shù)，而在許多場(chǎng)合必須要帶參數(shù)，
這就需要想方法解決。
一、采用字符串形式：——（缺陷）參數(shù)不能被周期性改變
setInterval("foo(id)",1000);
二、匿名函數(shù)包裝 (推薦)

復(fù)制代碼代碼如下:

 
window.setInterval(function() 
{ 
foo (id); 
}, 1000); 

這樣就可以周期性執(zhí)行foo（id）這個(gè)函數(shù)，而且把變量id傳遞進(jìn)去；
三、定義返回?zé)o參函數(shù)的函數(shù)

復(fù)制代碼代碼如下:

 
function foo(id) 
{ 
alert(id); 
} 
function _foo(id) 
{ 
return function() 
{ 
foo(id); 
} 
} 
window.setInterval(_foo(id),1000); 

這里定義了一個(gè)函數(shù)_foo，用于接收一個(gè)參數(shù)，并返回一個(gè)不帶參數(shù)的函數(shù)，在這個(gè)函數(shù)內(nèi)部使用了外部函數(shù)的參數(shù)，從而對(duì)其調(diào)用，不需要使用參數(shù)。
在 window. setInterval函數(shù)中，使用_foo(id)來返回一個(gè)不帶參數(shù)的函數(shù)句柄，從而實(shí)現(xiàn)了參數(shù)傳遞的功能。
四、修改setInterval

復(fù)制代碼代碼如下:

 
function foo(id) 
{ 
alert(id); 
} 
var _sto = setInterval; 
window.setInterval = function(callback,timeout,param) 
{ 
var args = Array.prototype.slice.call(arguments,2); 
var _cb = function() 
{ 
callback.apply(null,args); 
} 
_sto(_cb,timeout); 
} 
window.setInterval(hello,3000,userName); 

以上的所有方法也適合setTimeout。

您可能感興趣的文章:

相關(guān)文章

原生javascript+css3編寫的3D魔方動(dòng)畫旋扭特效
這篇文章主要介紹了原生javascript+css3編寫的3D魔方動(dòng)畫旋扭特效的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-03-03
JavaScript style對(duì)象與CurrentStyle對(duì)象案例詳解
這篇文章主要介紹了JavaScript style對(duì)象與CurrentStyle對(duì)象案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-08-08
Object.defineProperty()函數(shù)之屬性描述對(duì)象
這篇文章主要介紹了Object.defineProperty()函數(shù)之屬性描述對(duì)象，JavaScript?提供了一個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)，用來描述對(duì)象的屬性，控制它的行為，比如該屬性是否可寫、可遍歷等等。這個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱為:屬性描述對(duì)象
2022-09-09
Javascript學(xué)習(xí)之談?wù)凧S的全局變量跟局部變量(推薦)
這篇文章主要介紹了Javascript學(xué)習(xí)之談?wù)凧S的全局變量跟局部變量雖然腳本之家小編以前發(fā)過，但還是這篇文章整理的比較好，需要的朋友可以參考一下
2016-08-08
js判斷非127開頭的IP地址的實(shí)例代碼
這篇文章主要介紹了js判斷非127開頭的IP地址,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-01-01
canvas實(shí)現(xiàn)圖片根據(jù)滑塊放大縮小效果
本文主要介紹了canvas實(shí)現(xiàn)圖片根據(jù)滑塊放大縮小效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
微信小程序接入騰訊云驗(yàn)證碼的方法步驟
這篇文章主要介紹了微信小程序接入騰訊云驗(yàn)證碼的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
微信小程序?qū)崿F(xiàn)歷史搜索功能的全過程(h5同理)
最近在使用微信小程序開發(fā)的時(shí)候遇到了一個(gè)需求,需要實(shí)現(xiàn)歷史搜索記錄的功能,所以下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)歷史搜索功能(h5同理)的相關(guān)資料,需要的朋友可以參考下
2022-12-12
Layui table 組件的使用之初始化加載數(shù)據(jù)、數(shù)據(jù)刷新表格、傳參數(shù)
這篇文章主要介紹了Layui table 組件的使用之初始化加載數(shù)據(jù)、數(shù)據(jù)刷新表格、傳參數(shù)的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2017-09-09
JS實(shí)現(xiàn)圖片高亮展示效果實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)圖片高亮展示效果的方法,實(shí)例分析了JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11