您的位置：首页 > Web前端 > JavaScript

javascript中的setTimeout函数有一些独特的性质，很容易让人产生误解。下面就分别来讲述一下。

2007-08-29 14:06 423 查看

第一点、setTimeout函数的本意是延迟一段特定的时间，然后再执行某个函数，比如setTimeout(aFunction(),4000)//延迟4000ms后执行aFunction()函数，但是程序执行的流程并没有中断，而是继续进行，下面的例子可以说明问题。

<html>
<head></head>
<body><div id="neirong"></div>
<script>
var i=0;
var timeout1;
var timeout2;
var neirong=document.getElementById("neirong");

function main1()
{
main2();
neirong.innerHTML+="main1"+"<br />";
}

function main2(){
timeout1=window.setTimeout("loop()",500);
neirong.innerHTML+="main2"+"<br />";//上一句执行完以后马上就执行这一句
}
function loop(){
i++;
neirong.innerHTML+="loop"+i+";";
timeout2=window.setTimeout("loop()",500);
if(i==5){
i=0;
clearTimeout(timeout1);
clearTimeout(timeout2);
return true;
}
}
main1();
</script>
</body>
<html>

-------------------------------------------------------------------------

执行结果是,建议用vs2005调试一下

main2

main1

loop1;loop2;loop3;loop4;loop5;

setTimeout命令仿佛重新开了一个进程，与当前的程序流程独立，不是想象中的中断多少毫秒以后再去执行下一步，与常见的中断命令是有区别的。

第二点、setTimeout 的第一个参数如果不是字符串的话，则必定是一个函数名，但是不能带有参数，否则编译器会指出参数无效，如果设置第一个参数为字符串的话，可以在函数中包含参数，而这些参数只能是一些字符串，而不是对象的引用，所以只能传入字符串参数。如果刻意地把dom对象，或者其他对象传入的话会发生错误。

第三点、setTimeout函数返回值就是一个timeoutID，有必要把它设置为全局变量，这样可以方便的调用clearTimeout来中止延时。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航