鼠标悬停一段时间再触发事件

先定义两变量  移上去的定时器  和 移开的定时器

　　　　var overTimer, outTime; 
         $('.box').hover(function(){
             overTimer?clearTimeout(overTimer):'';
             outTime?clearTimeout(outTime):'';
             
             overTimer = setTimeout('show()',1000); 
         },function(){
             overTimer?clearTimeout(overTimer):'';
             outTime?clearTimeout(outTime):'';
             
             outTime = setTimeout('hide()',1000);  
         });
         
         function show(){
            $('.box').html('事件触发');
        }
         function hide(){
            $('.box').html('悬停'); 
        }

<div class="box" style=" 200px; height: 200px; border: 1px solid #aaa;">悬停</div>