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

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

　　　　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="width: 200px; height: 200px; border: 1px solid #aaa;">悬停</div>