JS定时器笔记

定时器的作用

setInterval :间隔型 （会无限次执行）
setTimeout: 延时型（只执行一次）
**两种定时器的区别

停止定时器

clearInterval
clearTimeout（注意：用clear的时候，要先给timer=setInterval----clearInterval(timer))

时钟应用

注意： 如何消除第一个1000ms时 00：00：00的延迟 —（“tick()法”：onload里先运行一遍tick，然后再setInterval(),）

获取系统时间方法：
Date对象
取出 》 》 》 时：分：秒

    <script>         
    var oDate=new Date();
    alert(oDate.getHours());  //getMinutes()      getSeconds()
    </script>

*****最后要注意兼容性 ！！！

str[] 等价于 str.charAt(0)->是全兼容的

Date对象的其他用法

var oDate=new Date();
alert (oDate.getFullYear());         
alert (oDate.getMonth()+1);//JS中的月份是从0开始的到11，的所以显示时候要手动加1         
alert (oDate.getDate());        
alert (oDate.getDay());

延时提示框

过程：

1. (2 >none ) -----1onmouseover > 2block ；
2. 1onmouseout > 2none
   注意(setTimeout（function（）{}，1000）；
3. 2onmouseover > clearTimeout(timer)
4. 2onmouseout > (setTimeout（function（）{none}，500）；//
   oDiv2延迟消失
5. 这时如果再移回1，（给第一步加个clearTimeout)；
6. 最后注意合并相同的；1~3合并 ~~~ 2~4合并

   <script>window.onload=function(){
    var oDiv1=document.getElementById('div1');    
    var oDiv2=document.getElementById('div2');    
    var timer=null;
    oDiv1.onmouseover=function(){        
    	clearTimeout(timer);        
    	oDiv2.style.display='block';    
    	}
    oDiv1.onmouseout=function(){        
    	timer=setTimeout(function(){            
   	oDiv2.style.display='none';        
    	},500)    
    }
    oDiv2.onmouseover=function(){        
    	clearTimeout(timer);    
    	}    
    oDiv2.onmouseout=function(){        
    	timer=setTimeout(function(){            
    	oDiv2.style.display='none';        
    },500)    
    }
    }    
    </script>