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

Question

我有一个悬停事件附加到几个链接,当你翻过它时会出现一个框.

有没有办法,只有当鼠标在链接上超过500毫秒时才能触发悬停事件？因此,目前只要鼠标越过链接就会出现该框,但我希望它只在鼠标已超过500毫秒或更长时间时出现.

Answer 1

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