当前位置:
首页 > 技术 > JQuery实现当鼠标停留在某区域3秒后执行方法

JQuery实现当鼠标停留在某区域3秒后执行方法

用JQuery 实现功能,当鼠标停留在某区域n秒后执行代码,未到时间不执行,减少频繁的代码操作
onmouseenter 事件记录时间
var timer = null;
$('div').hover(function(){
    timer = setTimeout(function(){
        //做你想做的事
    },3000);
},function(){
   //这里去clear
   clearTimeout(timer); //如果没停留3秒,直接会被clear掉,如果停留超过3秒,也一样会被clear,但是你要做的方法已经被执行了
});

JQuery实现当鼠标停留在某区域3秒后执行方法:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!