快捷導(dǎo)航

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

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

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

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); 
} 

2.

復(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ù)只能是字符串形式的，而不能傳遞一個對象
---------------------------
以下的方法是錯誤的，而且瀏覽器狀態(tài)欄會提示參數(shù)無效：

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

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

--------------------------------------------------------------
settimeout()函數(shù)擴展：
網(wǎng)上很多朋友也在問此類問題，我在此說明下，以下我舉幾個個簡單的例子：
　　網(wǎng)上查找下“帶參數(shù) setTimeout”，很多朋友寫了很多方法來實現(xiàn)使用setTimeout帶對象的方法循環(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); 
　　} 
　　//測試代碼 
　　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ù)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)按下此按鈕時調(diào)用test()，將"1"傳遞進去，屏幕上每隔1000毫秒（1秒）彈出一次對話框，顯示1，沒問題。
　　例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")來理解，當(dāng)鼠標(biāo)按下此按鈕時向test函數(shù)傳遞的是一個對象，屏幕顯示[object]，
　　1000毫秒之后不再顯示第二次。問題來了，瀏覽器左下報腳本錯誤，詳細信息里顯示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()沒帶參數(shù)，第一次顯示[object]，1000毫秒之后顯示undefined，變量尚未賦值，也就是說用此方式可以實現(xiàn)帶參數(shù)的方
　　法循環(huán)，但是參數(shù)被銷毀。
　　其實這很簡單就可以實現(xiàn)，不必寫那么長的代碼來實現(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前后的引號，在雙引號內(nèi)有一對單引號，這樣：setTimeout("test(單引號雙引號+obj+雙引號單引
　　號)")，行了吧~每隔1000毫秒屏幕顯示一次[object]，傳遞對象成功。
　　———————————————————————————————————————
　　疑義：第4條最終傳走的是“對象”的字符串“object” 而不是初始的對象obj。只是obj的類型而已。并沒有達到傳遞對象的作用。
　　可以測試一下代碼：彈出傳來對象的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> 

您可能感興趣的文章: