jquery的hover 实现鼠标悬停2秒以上才执行 怎么写？

Posted 2023-04-04

例如，鼠标悬停2秒以上 alert(1);请大牛指教
我想要的结果是 悬停2秒以上才会提示，否则不执行该代码

参考技术A <div id="divA">aaaa</div>

<script>
var t;
$("#divA").mouseenter(function()
t=setTimeout(function()alert("1");,2000);
).mouseleave(function()
clearTimeout(t);
);
</script> 参考技术B $('选择器').hover(
function()
delay(2000);
alert(1);

,
function()


);

不知这样是否能够执行，你试试看追问

你这个是延迟2秒执行吧？能不能有办法判断鼠标悬停的时间，我想要悬停2秒及以上才会往下执行代码，否则跳出 不执行...多谢了

追答

恩嗯 我也刚接触不久，我找找看有什么办法来判断

本回答被提问者和网友采纳

鼠标悬停2秒以上再执行

 

鼠标悬停2秒以上再执行

$(‘选择器‘).hover( function(){ delay(2000); alert(1); }, function(){ } ); 

var nextli = setInterval("$(‘.next‘).click()",2000); //图片轮转鼠标移入停止移出滚动
$("#ulli").mouseenter(function(){
clearInterval(nextli);
}).mouseleave(function(){
nextli = setInterval("$(‘.next‘).click()",2000);
});