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

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

　　　　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>