jquery - ユーザーカーソルが私の要素の上に数秒間ある場合、マウスホバーを呼び出します

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()たタイマーがキャンセルされます