定时器

定时器：
                setInterval(fn,time);//每隔多长时间(time)做一件什么事情(fn);//如果不关闭一直执行
                关掉定时器： clearInterval(定时器的名字);
                setTimeout(fn,time);//每隔多长时间(time)做一件什么事情(fn);只执行一次;
                clearTimeout(定时器的名字);
        用户体验好的选项卡:        
                        for(var i=0;i<aInput.length;i++){
                            aInput[i].index=i;
                            aInput[i].onmouseover=function(){       //移入300ms后切换；快速移入打开定时器计时，快速移出就会关闭定时器，不发生切换；
                                var that=this;       //把this用一个变量存放，用于下面的函数使用；
                                function tick(){
                                        for(var i=0;i<aInput.length;i++){
                                        aInput[i].className='';
                                        aLi[i].className='';
                                         }
                                        that.className='active';
                                        aLi[that.index].className='on';
                                    }//此时的this是input元素，setTimeout里的this是window
                                    timer=setTimeout(tick,500);    
                                    
                                }
                            aInput[i].onmouseout=function(){            //onmouseout一定不要写在了onmouseover里
                                    clearTimeout(timer);
                                }
                        }

　　　延时移入移出：

　　　　　　window.onload=function(){
                　　var oBox1=document.getElementById("box1");
                　　var oBox2=document.getElementById("box2");
               　　 var timer=null;
                　　oBox2.onmouseover=oBox1.onmouseover=function(){
                   　　　　 clearTimeout(timer);
                    　　　　oBox2.style.display='block';
                　　}
                　　oBox2.onmouseout=oBox1.onmouseout=function(){
                   　　　　 timer=setTimeout(function(){
                        　　　　oBox2.style.display='none';
                    　　　　},1000)
               　　 }
            　　}

转载于:https://www.cnblogs.com/yang0902/p/5697926.html