setTimeout和setInterval的瀏覽器兼容性分析
更新時間:2007年02月27日 00:00:00 作者:
無意中測試AJAXRequest瀏覽器兼容性的時候,發(fā)現(xiàn)AJAXRequest.update方法在某些情況下在IE里有問題,經(jīng)過測試找到是setTimeout和setInterval的問題。
問題出現(xiàn)在當調(diào)用AJAXRequest.update方法時,如果帶了更新間隔及更新次數(shù),那么在IE下面就會出現(xiàn)問題,具體表現(xiàn)為帶了更新間隔時是函數(shù)工作,帶上更新次數(shù)時函數(shù)無法在更新指定次數(shù)后停止執(zhí)行。
測試幾個例子之后找到了問題所在,在IE里,setTimeout和setInterval是不支持參數(shù)傳遞的。
演示地址:http://www.xujiwei.cn/demo/usetimer/
在Netscape的JavaScript參考中找到setTimeout的語法如下:
setTimeout
Evaluates an expression or calls a function once after a specified number of milliseconds elapses.
語法
setTimeout(expression, msec)
setTimeout(function, msec, arg1, ..., argN)
參數(shù)
expression A string containing a JavaScript expression.
msec A numeric value or numeric string, in millisecond units.
function Any function.
arg1, ..., argN (Optional) The arguments, if any, passed to function.
第二種使用方法就是定義了一個定時器,在執(zhí)行時function時,將把調(diào)用setTimeout時定義的參數(shù)傳遞給function,但在IE中,并不支持這種方式的調(diào)用,也就是在執(zhí)行function的時候,函數(shù)并沒有接收到這些參數(shù)。如下面的例子:
<script type="text/javascript">
function show(str) {
alert("my site: "+str);
}
setTimeout(show,100,"www.xujiwei.cn");
</script>
在Firefox和Opera里,瀏覽器都能正確的彈出提示框顯示字符串“my site: www.xujiwei.cn”,而在IE里,顯示的則是“my site: undefined”,說明函數(shù)show并沒有接收到參數(shù)str,所以顯示出來就是一個未定義變量。
當然,如果在函數(shù)內(nèi)部使用的變量是全局變量時,就不必要考慮這些問題,如:
<script type="text/javascript">
function show() {
// url是全局變量,函數(shù)正確執(zhí)行
alert("my site: "+url);
}
var url="www.xujiwei.cn";
setTimeout(show,100);
</script>
這段代碼在IE和Firefox里都能正常工作,顯示出“my site: www.xujiwei.cn”。
在變量是全局變量的情況下,可以使用語句段的方式來調(diào)用setTimeout,即使用第一種語法:
<script type="text/javascript">
function show(str) {
// url是全局變量,函數(shù)正確執(zhí)行
alert("my site: "+str);
}
var url="www.xujiwei.cn";
setTimeout("show(url);",100);
</script>
因為變量url是全局變量,因此定時器執(zhí)行所定義的語句段“show(url);”能正確傳遞參數(shù),但是如果url不是全局變量,而是一個局部變量時,執(zhí)行結果就會出錯了:
<script type="text/javascript">
function show(str) {
// url是全局變量,函數(shù)正確執(zhí)行
alert("my site: "+str);
}
function test() {
var url="www.xujiwei.cn";
setTimeout("show(url);",100);
}
test();
</script>
此時就會出錯了,在函數(shù)test執(zhí)行時,會提示url未定義,在執(zhí)行定義的語句段“show(url);”時,上下文已經(jīng)脫離了函數(shù)test,而url是在函數(shù)test內(nèi)部定義的,所以在執(zhí)行函數(shù)test的時候,變量url已經(jīng)釋放了。
如果要在setTimeout里面使用局部變量,并且解決在IE里的setTimeout不支持參數(shù)傳遞的問題,可以使用匿名函數(shù),即在調(diào)用setTimeout時定義一個匿名函數(shù),在這個函數(shù)內(nèi)部進行原來需要進行的操作。
<script type="text/javascript">
function show(str) {
// url是全局變量,函數(shù)正確執(zhí)行
alert("my site: "+str);
}
function test() {
var url="www.xujiwei.cn";
setTimeout(function(){show(url);},100);
}
test();
</script>
在上面的例子中,調(diào)用setTimeout時定義了一個匿名函數(shù),它的函數(shù)體是“show(url);”,因為已經(jīng)定義了函數(shù),所以在定時器調(diào)用這個函數(shù)時,變量url還是有引用的,因些函數(shù)可以正確執(zhí)行,顯示出字符串“my site: www.xujiwei.cn”。
總的來說,使用setTimeout或者setInterval時需要注意以下幾點:
1. 定義定時器時如果是使用的表達示,那么其中的變量應該是全局變量,或者是一個直接的值,而不能是局部變量。
2. 定義定時器時如果是定義的調(diào)用函數(shù),那么應該只寫函數(shù)名,而不能加括號,如果加了就是定義返回值了。
3. 在IE里使用定時器時不能傳遞參數(shù)。
4. 如果要在IE里使用定時器時傳遞參數(shù),可以使用匿名函數(shù),在函數(shù)體中調(diào)用原來該調(diào)用的函數(shù)。
如有錯誤還請指正。
問題出現(xiàn)在當調(diào)用AJAXRequest.update方法時,如果帶了更新間隔及更新次數(shù),那么在IE下面就會出現(xiàn)問題,具體表現(xiàn)為帶了更新間隔時是函數(shù)工作,帶上更新次數(shù)時函數(shù)無法在更新指定次數(shù)后停止執(zhí)行。
測試幾個例子之后找到了問題所在,在IE里,setTimeout和setInterval是不支持參數(shù)傳遞的。
演示地址:http://www.xujiwei.cn/demo/usetimer/
在Netscape的JavaScript參考中找到setTimeout的語法如下:
復制代碼 代碼如下:
setTimeout
Evaluates an expression or calls a function once after a specified number of milliseconds elapses.
語法
setTimeout(expression, msec)
setTimeout(function, msec, arg1, ..., argN)
參數(shù)
expression A string containing a JavaScript expression.
msec A numeric value or numeric string, in millisecond units.
function Any function.
arg1, ..., argN (Optional) The arguments, if any, passed to function.
第二種使用方法就是定義了一個定時器,在執(zhí)行時function時,將把調(diào)用setTimeout時定義的參數(shù)傳遞給function,但在IE中,并不支持這種方式的調(diào)用,也就是在執(zhí)行function的時候,函數(shù)并沒有接收到這些參數(shù)。如下面的例子:
復制代碼 代碼如下:
<script type="text/javascript">
function show(str) {
alert("my site: "+str);
}
setTimeout(show,100,"www.xujiwei.cn");
</script>
在Firefox和Opera里,瀏覽器都能正確的彈出提示框顯示字符串“my site: www.xujiwei.cn”,而在IE里,顯示的則是“my site: undefined”,說明函數(shù)show并沒有接收到參數(shù)str,所以顯示出來就是一個未定義變量。
當然,如果在函數(shù)內(nèi)部使用的變量是全局變量時,就不必要考慮這些問題,如:
復制代碼 代碼如下:
<script type="text/javascript">
function show() {
// url是全局變量,函數(shù)正確執(zhí)行
alert("my site: "+url);
}
var url="www.xujiwei.cn";
setTimeout(show,100);
</script>
這段代碼在IE和Firefox里都能正常工作,顯示出“my site: www.xujiwei.cn”。
在變量是全局變量的情況下,可以使用語句段的方式來調(diào)用setTimeout,即使用第一種語法:
復制代碼 代碼如下:
<script type="text/javascript">
function show(str) {
// url是全局變量,函數(shù)正確執(zhí)行
alert("my site: "+str);
}
var url="www.xujiwei.cn";
setTimeout("show(url);",100);
</script>
因為變量url是全局變量,因此定時器執(zhí)行所定義的語句段“show(url);”能正確傳遞參數(shù),但是如果url不是全局變量,而是一個局部變量時,執(zhí)行結果就會出錯了:
復制代碼 代碼如下:
<script type="text/javascript">
function show(str) {
// url是全局變量,函數(shù)正確執(zhí)行
alert("my site: "+str);
}
function test() {
var url="www.xujiwei.cn";
setTimeout("show(url);",100);
}
test();
</script>
此時就會出錯了,在函數(shù)test執(zhí)行時,會提示url未定義,在執(zhí)行定義的語句段“show(url);”時,上下文已經(jīng)脫離了函數(shù)test,而url是在函數(shù)test內(nèi)部定義的,所以在執(zhí)行函數(shù)test的時候,變量url已經(jīng)釋放了。
如果要在setTimeout里面使用局部變量,并且解決在IE里的setTimeout不支持參數(shù)傳遞的問題,可以使用匿名函數(shù),即在調(diào)用setTimeout時定義一個匿名函數(shù),在這個函數(shù)內(nèi)部進行原來需要進行的操作。
復制代碼 代碼如下:
<script type="text/javascript">
function show(str) {
// url是全局變量,函數(shù)正確執(zhí)行
alert("my site: "+str);
}
function test() {
var url="www.xujiwei.cn";
setTimeout(function(){show(url);},100);
}
test();
</script>
在上面的例子中,調(diào)用setTimeout時定義了一個匿名函數(shù),它的函數(shù)體是“show(url);”,因為已經(jīng)定義了函數(shù),所以在定時器調(diào)用這個函數(shù)時,變量url還是有引用的,因些函數(shù)可以正確執(zhí)行,顯示出字符串“my site: www.xujiwei.cn”。
總的來說,使用setTimeout或者setInterval時需要注意以下幾點:
1. 定義定時器時如果是使用的表達示,那么其中的變量應該是全局變量,或者是一個直接的值,而不能是局部變量。
2. 定義定時器時如果是定義的調(diào)用函數(shù),那么應該只寫函數(shù)名,而不能加括號,如果加了就是定義返回值了。
3. 在IE里使用定時器時不能傳遞參數(shù)。
4. 如果要在IE里使用定時器時傳遞參數(shù),可以使用匿名函數(shù),在函數(shù)體中調(diào)用原來該調(diào)用的函數(shù)。
如有錯誤還請指正。
您可能感興趣的文章:
- setInterval和setTimeout停止的方法
- setTimeout和setInterval的區(qū)別你真的了解嗎?
- Jquery中使用setInterval和setTimeout的方法
- 關于setInterval、setTimeout在jQuery中的使用注意事項
- JavaScript SetInterval與setTimeout使用方法詳解
- Js中setTimeout()和setInterval() 何時被調(diào)用執(zhí)行的用法
- JS中setInterval、setTimeout不能傳遞帶參數(shù)的函數(shù)的解決方案
- Javascript對象中關于setTimeout和setInterval的this介紹
- 定時器(setTimeout/setInterval)調(diào)用帶參函數(shù)失效解決方法
- JS中setTimeout和setInterval的最大延時值詳解
相關文章
簡單談談Javascript函數(shù)中的arguments
在JavaScript中,arguments對象是比較特別的一個對象,實際上是當前函數(shù)的一個內(nèi)置屬性。下面這篇文章主要介紹了關于Javascript函數(shù)中的arguments面貌以及如何轉化為數(shù)組的相關資料,需要的朋友可以參考借鑒,下面來一起看看吧。2017-02-02
Adapter適配器模式在JavaScript設計模式編程中的運用分析
適配器模式的作用是解決兩個軟件實體間的接口不兼容的問題,在JavaScript尤其是AJAX方面比較常用,接下來看一下對Adapter適配器模式在JavaScript設計模式編程中的運用分析2016-05-05
javaScript獲取對象中非空的屬性實現(xiàn)方法詳解
這篇文章主要為大家介紹了javaScript獲取對象中非空的屬性實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-07-07

