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

        javascript中的setTimeout函数有一些独特的性质,很容易让人产生误解。下面就分别来讲述一下。
第一点、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来中止延时。
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值