繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > setTimeout和setInterval的浏览器兼容性分析
- Javascript
- 在Z-Blog中运行代码[html][/html]（纯JS版）
- 统一接口：为FireFox添加IE的方法和属性的js代码
- 网页自动刷新，不产生嗒嗒声的一个解决方法
- 驱动事件的addEvent.js代码
- [原创]提供复制本站内容时出现,该文章转自IT学习网等字样的js代码
- CSDN轮换广告图片轮换效果
- 一段多浏览器的"复制到剪贴板"javascript代码
- Javascript中的常见排序算法
- JS Common 2 之比较常用到的函数
- 非正则实现的只能输入汉字的输入框
- CSDN上快速结贴的方法，JS实现
- js eval木马代码,以后再分析吧
- 屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
- 一个不错的可以检测多中浏览器的函数和其它功能
- 状态栏显示欢迎信息的脚本特效
- 关于文本限制字数的js代码
- 在你的网页中嵌入外部网页的方法
- 在IE中调用javascript打开Excel的代码(downmoon原作)
- javascript实现动态增加删除表格行(兼容IE/FF)
- javascript中获取选中对象的类型
Javascript 中的 setTimeout和setInterval的浏览器兼容性分析
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 219 ::
收藏到网摘: n/a
无意中测试AJAXRequest浏览器兼容性的时候，发现AJAXRequest.update方法在某些情况下在IE里有问题，经过测试找到是setTimeout和setInterval的问题。
问题出现在当调用AJAXRequest.update方法时，如果带了更新间隔及更新次数，那么在IE下面就会出现问题，具体表现为带了更新间隔时是函数工作，带上更新次数时函数无法在更新指定次数后停止执行。
测试几个例子之后找到了问题所在，在IE里，setTimeout和setInterval是不支持参数传递的。
演示地址：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)
参数
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.
第二种使用方法就是定义了一个定时器，在执行时function时，将把调用setTimeout时定义的参数传递给function，但在IE中，并不支持这种方式的调用，也就是在执行function的时候，函数并没有接收到这些参数。如下面的例子：
复制代码 代码如下:
<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”，说明函数show并没有接收到参数str，所以显示出来就是一个未定义变量。
当然，如果在函数内部使用的变量是全局变量时，就不必要考虑这些问题，如：
复制代码 代码如下:
<script type="text/javascript">
function show() {
// url是全局变量，函数正确执行
alert("my site: "+url);
}
var url="www.xujiwei.cn";
setTimeout(show,100);
</script>
这段代码在IE和Firefox里都能正常工作，显示出“my site: www.xujiwei.cn”。
在变量是全局变量的情况下，可以使用语句段的方式来调用setTimeout，即使用第一种语法：
复制代码 代码如下:
<script type="text/javascript">
function show(str) {
// url是全局变量，函数正确执行
alert("my site: "+str);
}
var url="www.xujiwei.cn";
setTimeout("show(url);",100);
</script>
因为变量url是全局变量，因此定时器执行所定义的语句段“show(url);”能正确传递参数，但是如果url不是全局变量，而是一个局部变量时，执行结果就会出错了：
复制代码 代码如下:
<script type="text/javascript">
function show(str) {
// url是全局变量，函数正确执行
alert("my site: "+str);
}
function test() {
var url="www.xujiwei.cn";
setTimeout("show(url);",100);
}
test();
</script>
此时就会出错了，在函数test执行时，会提示url未定义，在执行定义的语句段“show(url);”时，上下文已经脱离了函数test，而url是在函数test内部定义的，所以在执行函数test的时候，变量url已经释放了。
如果要在setTimeout里面使用局部变量，并且解决在IE里的setTimeout不支持参数传递的问题，可以使用匿名函数，即在调用setTimeout时定义一个匿名函数，在这个函数内部进行原来需要进行的操作。
复制代码 代码如下:
<script type="text/javascript">
function show(str) {
// url是全局变量，函数正确执行
alert("my site: "+str);
}
function test() {
var url="www.xujiwei.cn";
setTimeout(function(){show(url);},100);
}
test();
</script>
在上面的例子中，调用setTimeout时定义了一个匿名函数，它的函数体是“show(url);”，因为已经定义了函数，所以在定时器调用这个函数时，变量url还是有引用的，因些函数可以正确执行，显示出字符串“my site: www.xujiwei.cn”。
总的来说，使用setTimeout或者setInterval时需要注意以下几点：
1. 定义定时器时如果是使用的表达示，那么其中的变量应该是全局变量，或者是一个直接的值，而不能是局部变量。
2. 定义定时器时如果是定义的调用函数，那么应该只写函数名，而不能加括号，如果加了就是定义返回值了。
3. 在IE里使用定时器时不能传递参数。
4. 如果要在IE里使用定时器时传递参数，可以使用匿名函数，在函数体中调用原来该调用的函数。
如有错误还请指正。
评论 (0) All
