定時(shí)器(setTimeout/setInterval)調(diào)用帶參函數(shù)失效解決方法
更新時(shí)間：2013年03月26日 11:04:09 作者：
setInterval()方法可按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式,setTimeout()方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式，詳細(xì)使用方法可以參考下本文
首先來看下定時(shí)器的用法
1. setInterval(code,millisec[,"lang"]) setInterval() 方法可按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。
2.setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。
提示：setTimeout() 只執(zhí)行 code 一次。如果要多次調(diào)用，請使用 setInterval() 或者讓 code 自身再次調(diào)用 setTimeout()。
也許你曾碰到過這樣的問題，不管是setInterval()還是setTimeout()，當(dāng)code參數(shù)里放一個(gè)帶參函數(shù)時(shí)，定時(shí)器都會失效，看下面這個(gè)例子：
function test(str){
alert(str);
}
var a = "abcde"
setTimeout(test(a),3000);
執(zhí)行上面代碼，頁面不會延遲3秒調(diào)用test(a)，而是會立即執(zhí)行test(a)，IE、FF、Chrome下都會出現(xiàn)這個(gè)問題，如果你經(jīng)常用到定時(shí)器，這個(gè)問題應(yīng)該應(yīng)該經(jīng)常會碰到，那么要怎樣去解決呢？
筆者在這里歸納兩種常用的解決方法，當(dāng)然應(yīng)該也還有其他的解決方法，在這里就不一一贅述。
方法1：用匿名函數(shù)包裹
function test(str){
alert(str);
}
var a = "abcde"
setTimeout(function(){
test(a);
},3000);
方法2：用引號包裹需調(diào)用的函數(shù)
function test(str){
alert(str);
}
var a = "abcde"
setTimeout("test('+a+')",3000);
上面只以setTimeout()為例，setInterval()同樣適用，這里就不在過多敘述了。
1. setInterval(code,millisec[,"lang"]) setInterval() 方法可按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。
| 參數(shù) | 描述 |
|---|---|
| code | 必需，要調(diào)用的函數(shù)或要執(zhí)行的代碼串。 |
| millisec | 必需，周期性執(zhí)行或調(diào)用 code 之間的時(shí)間間隔，以毫秒計(jì)。 |
2.setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。
| 參數(shù) | 描述 |
|---|---|
| code | 必需，要調(diào)用的函數(shù)后要執(zhí)行的 JavaScript 代碼串。 |
| millisec | 必需，在執(zhí)行代碼前需等待的毫秒數(shù)。 |
提示：setTimeout() 只執(zhí)行 code 一次。如果要多次調(diào)用，請使用 setInterval() 或者讓 code 自身再次調(diào)用 setTimeout()。
也許你曾碰到過這樣的問題，不管是setInterval()還是setTimeout()，當(dāng)code參數(shù)里放一個(gè)帶參函數(shù)時(shí)，定時(shí)器都會失效，看下面這個(gè)例子：
復(fù)制代碼 代碼如下:
function test(str){
alert(str);
}
var a = "abcde"
setTimeout(test(a),3000);
執(zhí)行上面代碼，頁面不會延遲3秒調(diào)用test(a)，而是會立即執(zhí)行test(a)，IE、FF、Chrome下都會出現(xiàn)這個(gè)問題，如果你經(jīng)常用到定時(shí)器，這個(gè)問題應(yīng)該應(yīng)該經(jīng)常會碰到，那么要怎樣去解決呢？
筆者在這里歸納兩種常用的解決方法，當(dāng)然應(yīng)該也還有其他的解決方法，在這里就不一一贅述。
方法1：用匿名函數(shù)包裹
復(fù)制代碼 代碼如下:
function test(str){
alert(str);
}
var a = "abcde"
setTimeout(function(){
test(a);
},3000);
方法2：用引號包裹需調(diào)用的函數(shù)
復(fù)制代碼 代碼如下:
function test(str){
alert(str);
}
var a = "abcde"
setTimeout("test('+a+')",3000);
上面只以setTimeout()為例，setInterval()同樣適用，這里就不在過多敘述了。
您可能感興趣的文章:
- javascript中SetInterval與setTimeout的定時(shí)器用法
- JavaScript定時(shí)器setTimeout()和setInterval()詳解
- 詳解JS中定時(shí)器setInterval和setTImeout的this指向問題
- 理解javascript定時(shí)器中的setTimeout與setInterval
- Javascript中setTimeOut和setInterval的定時(shí)器用法
- JavaScript中定時(shí)器setTimeout()和setInterval()的用法
- JavaScript定時(shí)器setTimeout、setInterval使用詳解
相關(guān)文章
這篇文章主要介紹了javascript制作游戲開發(fā)碰撞檢測的封裝代碼,需要的朋友可以參考下2015-03-03
表單無刷新提交帶驗(yàn)證，非常適用于反饋，具體的實(shí)現(xiàn)如下包含各個(gè)功能代碼，喜歡的朋友可以參考下2013-11-11
這篇文章主要為大家詳細(xì)分享了laypage分頁控件使用實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
圖片下載是前端常見的需求，如果一張一張下載未免太影響體驗(yàn)了，于是寫下了這個(gè)多張圖片打包成zip的demo2021-05-05
微信小程序開發(fā)之全局配置與頁面配置實(shí)現(xiàn)
本文主要介紹了微信小程序開發(fā)之全局配置與頁面配置實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
微信小程序?qū)W習(xí)總結(jié)（一）項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu)分析
這篇文章主要介紹了微信小程序?qū)W習(xí)總結(jié)（一）項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu),總結(jié)分析了微信小程序項(xiàng)目創(chuàng)建、配置方法以及目錄結(jié)構(gòu)、文件功能,需要的朋友可以參考下2020-06-06
JavaScript 如何計(jì)算文本的行數(shù)的實(shí)現(xiàn)
這篇文章主要介紹了JavaScript 如何計(jì)算文本的行數(shù)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
JavaScript實(shí)現(xiàn)Fly Bird小游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)Fly Bird小游戲的制作方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript位置與大小（1）之正確理解和運(yùn)用與尺寸大小相關(guān)的DOM屬性
這篇文章主要介紹了JavaScript位置與大?。?）——正確理解和運(yùn)用與尺寸大小相關(guān)的DOM屬性的相關(guān)資料,需要的朋友可以參考下2015-12-12
靜態(tài)頁面下用javascript操作ACCESS數(shù)據(jù)庫(讀增改刪)的代碼
[紅色]靜態(tài)頁面下用javascript操作ACCESS數(shù)據(jù)庫(讀增改刪)的代碼...2007-05-05