js setTimeout 參數傳遞使用介紹

2019-11-20 22:25:09

字體：大中小

來源：轉載

供稿：網友

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

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

復制代碼代碼如下:

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

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

復制代碼代碼如下:

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

--------------------------------------------------------------
settimeout()函數擴展：
網上很多朋友也在問此類問題，我在此說明下，以下我舉幾個個簡單的例子：
　　網上查找下“帶參數 setTimeout”，很多朋友寫了很多方法來實現使用setTimeout帶對象的方法循環，例如：

復制代碼代碼如下:

 
　　<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(回調函數,時間,參數1,...,參數n)。
　　又例如：
　　2：

復制代碼代碼如下:

 
　　<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去回調前面的function。
　　例1：

復制代碼代碼如下:

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

　　當鼠標按下此按鈕時調用test()，將"1"傳遞進去，屏幕上每隔1000毫秒（1秒）彈出一次對話框，顯示1，沒問題。
　　例2：

復制代碼代碼如下:

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

　　這里的this可以當做document.getElementById("btnTest")來理解，當鼠標按下此按鈕時向test函數傳遞的是一個對象，屏幕顯示[object]，
　　1000毫秒之后不再顯示第二次。問題來了，瀏覽器左下報腳本錯誤，詳細信息里顯示object未定義。
　　例3：

復制代碼代碼如下:

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

　　setTimeout里的test()沒帶參數，第一次顯示[object]，1000毫秒之后顯示undefined，變量尚未賦值，也就是說用此方式可以實現帶參數的方
　　法循環，但是參數被銷毀。
　　其實這很簡單就可以實現，不必寫那么長的代碼來實現。
　　例4：

復制代碼代碼如下:

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

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

復制代碼代碼如下:

 
　　<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> 