js setTimeout 參數(shù)傳遞使用介紹

更新時(shí)間：2013年08月13日 11:24:56 作者：

setTimeout的參數(shù)傳遞問(wèn)題想必大家有所糾結(jié)，window.settimeout()方法要調(diào)用帶參數(shù)的函數(shù)有兩種方法，下面為大家詳細(xì)介紹下，感興趣的朋友可以參考下

window.settimeout()方法要調(diào)用帶參數(shù)的函數(shù)有兩種方法：
1.

 
function init(){ 
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(function(){ searchJDWater(url);},100); 
} 

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

 
function init(){ 
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(“searchJDWater(”+url+“)”, 100); 
} 

注意：帶參數(shù)方法使用setTimeout要注意，setTimeout("函數(shù)名("+參數(shù)+")",毫秒數(shù))，這里的參數(shù)只能是字符串形式的，而不能傳遞一個(gè)對(duì)象
---------------------------
以下的方法是錯(cuò)誤的，而且瀏覽器狀態(tài)欄會(huì)提示參數(shù)無(wú)效：

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

 
function init(){ 
var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); 
//alert(url); 
window.setTimeout(searchJDWater(url), 100); 
} 

--------------------------------------------------------------
settimeout()函數(shù)擴(kuò)展：
網(wǎng)上很多朋友也在問(wèn)此類問(wèn)題，我在此說(shuō)明下，以下我舉幾個(gè)個(gè)簡(jiǎn)單的例子：
　　網(wǎng)上查找下“帶參數(shù) setTimeout”，很多朋友寫了很多方法來(lái)實(shí)現(xiàn)使用setTimeout帶對(duì)象的方法循環(huán)，例如：

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

 
　　<script language="javascript"> 
　　var __sto = setTimeout; 
　　window.setTimeout = function(callback,timeout,param) 
　　{ 
　　var args = Array.prototype.slice.call(arguments,2); 
　　var _cb = function() 
　　{ 
　　callback.apply(null,args); 
　　} 
　　__sto(_cb,timeout); 
　　} 
　　//測(cè)試代碼 
　　function aaaa(a) 
　　{ 
　　alert(a); 
　　} 
　　function aaaaa(a,b,c) 
　　{ 
　　alert(a + b + c); 
　　} 
　　var a = new Object(); 
　　window.setTimeout(aaaa,1000,a); 
　　window.setTimeout(aaaaa,2000,a,6,7); 
　　</script> 

　　此例中，setTimeout用法，setTimeout(回調(diào)函數(shù),時(shí)間,參數(shù)1,...,參數(shù)n)。
　　又例如：
　　2：

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

 
　　<script type="text/javascript"> 
　　var _st = window.setTimeout; 
　　window.setTimeout = function(fRef, mDelay) { 
　　if(typeof fRef == 'function'){ 
　　var argu = Array.prototype.slice.call(arguments,2); 
　　var f = (function(){ fRef.apply(null, argu); }); 
　　return _st(f, mDelay); 
　　} 
　　return _st(fRef,mDelay); 
　　} 
　　function test(x){ 
　　alert(x); 
　　} 
　　window.setTimeout(test,1000,'fason'); 
　　</script> 

　　此例中，重載了一下window.setTimeout,用apply去回調(diào)前面的function。
　　例1：

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

 
　　<script language="javascript"> 
　　function test(obj) 
　　{ 
　　alert(obj); 
　　setTimeout("test("+ obj +")",1000); 
　　} 
　　</script> 
　　<input id="testButton" type="button" onclick="test(1)"> 

　　當(dāng)鼠標(biāo)按下此按鈕時(shí)調(diào)用test()，將"1"傳遞進(jìn)去，屏幕上每隔1000毫秒（1秒）彈出一次對(duì)話框，顯示1，沒(méi)問(wèn)題。
　　例2：

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

 
　　<script language="javascript"> 
　　function test(obj) 
　　{ 
　　alert(obj); 
　　setTimeout("test("+ obj +")",1000); 
　　} 
　　</script> 
　　<input id="btnTest" type="button" onclick="test(this)"> 

　　這里的this可以當(dāng)做document.getElementById("btnTest")來(lái)理解，當(dāng)鼠標(biāo)按下此按鈕時(shí)向test函數(shù)傳遞的是一個(gè)對(duì)象，屏幕顯示[object]，
　　1000毫秒之后不再顯示第二次。問(wèn)題來(lái)了，瀏覽器左下報(bào)腳本錯(cuò)誤，詳細(xì)信息里顯示object未定義。
　　例3：

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

 
　　<script language="javascript"> 
　　function test(obj) 
　　{ 
　　alert(obj); 
　　setTimeout("test()",1000); 
　　} 
　　</script> 
　　<input id="testButton" type="button" onclick="test(this)"> 

　　setTimeout里的test()沒(méi)帶參數(shù)，第一次顯示[object]，1000毫秒之后顯示undefined，變量尚未賦值，也就是說(shuō)用此方式可以實(shí)現(xiàn)帶參數(shù)的方
　　法循環(huán)，但是參數(shù)被銷毀。
　　其實(shí)這很簡(jiǎn)單就可以實(shí)現(xiàn)，不必寫那么長(zhǎng)的代碼來(lái)實(shí)現(xiàn)。
　　例4：

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

 
　　<script language="javascript"> 
　　function test(obj) 
　　{ 
　　alert(obj); 
　　setTimeout("test('"+ obj +"')",1000); 
　　} 
　　</script> 
　　<input id="testButton" type="button" onclick="test(this)"> 

　　注意，setTimeout里的test中的參數(shù)obj前后的引號(hào)，在雙引號(hào)內(nèi)有一對(duì)單引號(hào)，這樣：setTimeout("test(單引號(hào)雙引號(hào)+obj+雙引號(hào)單引
　　號(hào))")，行了吧~每隔1000毫秒屏幕顯示一次[object]，傳遞對(duì)象成功。
　　———————————————————————————————————————
　　疑義：第4條最終傳走的是“對(duì)象”的字符串“object” 而不是初始的對(duì)象obj。只是obj的類型而已。并沒(méi)有達(dá)到傳遞對(duì)象的作用。
　　可以測(cè)試一下代碼：彈出傳來(lái)對(duì)象的id

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

 
　　<body> 
　　<div id="sssss"></div> 
　　</body> 
　　<script language="javascript"> 
　　obj=document.getElementById('sssss'); 
　　function test(obj) 
　　{ 
　　alert(obj.id); 
　　setTimeout("test('"+ obj +"')",1000); 
　　} 
　　test(obj) 
　　</script> 

您可能感興趣的文章: