javascript - jQuery - 链接*仅*在一段时间后才工作

Question

我有一个链接:

<a href="#" id="link">Here's my link</a>

这不是一个普通的可点击链接，它是用 jQuery 编写的，如下所示:

 $("#link").hover(function(e) { 
    e.preventDefault();   
    $("#tv").stop().animate({marginLeft: "50px"});
    $("#tv img)").animate({opacity: 1});
})  

因此，将鼠标悬停在不可点击的链接上后，#tv 的边距和不透明度会发生变化。

是否有任何方法可以让此功能仅在用户将指针悬停在链接区域超过两秒后才起作用？

因为现在一切都是实时发生的。

我知道有 delay()，但它不起作用，因为它只是延迟动画，在这种情况下，如果指针发生变化，我不希望执行任何操作不到两秒就结束了。

没有循环可以吗？

Answer 1

你所追求的叫做hoverIntent 。