如果用户光标在我的元素上停留几秒钟，则调用鼠标悬停

Question

我有一个元素，我想对鼠标悬停事件做点什么！我试过这个：

$("#myElement").hover(
function () { // in 
    ...
},
function () { // out
    ...
});

但它不应该立即运行。我想要几秒钟后的火悬停事件。我该如何实现？

Answer 1

您将等待setTimeout()

在发布这个问题之前，你真的应该多搜索一下。

(function() {
    var time = 1000,
        timer;
    function handlerIn() {
        clearTimeout(timer);
    }
    function handlerOut() {
        timer = setTimeout(function() {
            $('.target').fadeOut(3000);
        }, time);
    }
    $("#myElement").hover(handlerIn, handlerOut);
}());

这里发生的事情很简单，在悬停时启动设置为1000的计时器，但当您悬停时，它会取消clearTimeout()，即您刚刚设置的计时器