javascript - jQuery - 要素を一定期間「離す」とイベントをトリガーする

Question

4 つのボタンのいずれも 1 秒間ホバーされていない場合にのみトリガーされるデフォルトのアニメーションをいくつか書いています。

待機時間中 (つまり 1 秒間) にいずれかのボタンがホバーされると、タイマーはリセットされます。何か案が？ありがとう！

[更新] 以下のコメントのスニペットを参照してください。誰かが役立つことを願っています。

Answer 1

試す

$(function() {
    var timer;

    function schedule() {
        timer = setTimeout(function() {
            // start timer
        }, 1000);
    };

    $('button').hover(function() {
        if (timer) {
            clearTimeout(timer);
        }
    }, function() {
        schedule();
    });
    schedule();
});

デモ:フィドル

Answer 2

各ボタンにクラス「btn」があると仮定します

$(".btn").bind('onmouseenter',function(){
//Clear the Timer
   window.clearInterval();

//count the timer and write the logic
   window.setInterval(function(){
   //Logic of Animation you are gonna do if no hovering happens in 1 sec
},1000);
});