jQuery 时间鼠标悬停在元素上(悬停)

Question

我有一个悬停事件附加到几个链接，当您点击它时，会出现一个框。

有没有一种方法可以让悬停事件仅在鼠标悬停在链接上超过 500 毫秒时触发？因此，目前只要鼠标移到链接上，就会出现该框，但我希望只有当鼠标悬停在该框上 500 毫秒或更长时间时，它才会出现。

Answer 1

var myTimeout;
$('#mylink').mouseenter(function() {
    myTimeout = setTimeout(function() {
        //do stuff
    }, 500);
}).mouseleave(function() {
    clearTimeout(myTimeout);
});