12、 javascript定时器

使用定时器实现JavaScript的延期执行或重复执行 

        

        window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。

它们的原型如下： 

        window.setTimeout(expression,milliseconds); 

        clearTimeout(对象) //清除已设置的setTimeout对象 

        window.setInterval(expression,milliseconds); 

        clearInterval(对象) //清除已设置的setInterval对象 

        其中expression可以是字符串，也可以是函数名。是字符串的时候可以带参数，函数名不能带参数，如果带上参数就直接执行函数了，不会延时。
        function hello (){
                console.log('I am dada');
                //alert('I am ' + name);
                //setTimeout(arguments.callee,2000);   
         }
        setTimeout(hello,5000);//5秒后执行
        setTimeout('hello()',3000);//3秒后执行
        setTimeout(hello(),8000);//立刻执行
        第一种情况是函数名，但是带不了参数
        第二种情况是字符串，可执行的js代码，可以带参数，但是性能上比函数名差，其实质就是3秒后把字符串‘hello()’中的代码当中js代码执行
        第三种是调用函数，直接执行，因为函数名加括号就是函数执行的意思。
        所以如果想要穿参数，但是又不想通过字符串的形式调用，可以自己来写一个方法：
        function _hello(_name){ 
                return function(){ 
                        hello2(_name); 
                } 
        } 

       setTimeout(_hello(name),7000);//立刻执行

       或者如下也可传递参数：

       setTimeout( function(){
               a('阿飞');
        } , 2000);

        function a( x ){
                alert( x );
        };

一、setTimeout  //相当于延迟执行

        setTimeout(function(){
              //要执行的代码                    
        },200);

指隔200ms后,定时器代码被添加到队列中,等待JavaScript进程空闲后,代码才执行

清除定时

        var tttt=setTimeout('northsnow()',1000); 
        clearTimeout(tttt); 

二、setInterval //值太低的时候有误差，越小误差越大，跟浏览器的刷新时间有关，尤其是几十ms或者几ms的时候

        1、上面代码是指每隔200ms就创建一个执行代码的定时器
        2、当使用setInterval时,仅当(在队列中)没有该定时器的任何其他代码实例时,才将定时器代码添加到队列中,引用JavaScript高级程序设计第二版书中语句。(即：当前一个定时器代码执行时,紧跟后面的第一个定时器代码将添加到队列中,等待执行,再后面的定时器代码不会添加到队列中)
用setInterval来执行反复的行为的时候会遇到一个问题：
        当定时器代码执行时间(假如需要600ms才执行完)超过指定间隔(这里是200ms),那么某些定时器代码就会被跳过(即后面的定时器代码不会被添加到队列中),前一个定时器代码执行完毕后,队列中的定时器代码立刻执行,各定时器之间的代码执行没有间隔。这时，需要使用链式setTimeout。
        这样做的好处是:前一个定时器要执行的代码执行完且等待200ms后,才创建一个新的定时器,并把定时器代码添加到队列中执行。即：不会出现定时器代码被跳过的情况;定时器之间的代码执行可以有间隔(根据自己设置)。

        setTimeout(function(){
                //要执行的代码 
                setTimeout(arguments.callee,2000);                   

        },2000);

       setInterval(function(){
             //要执行的代码                    

        },200);

清除定时

        var tttt=setInterval('northsnow()',1000); 
        clearInteval(tttt);