あじちゃんのブログ。備忘録。

〜SEもOLなんですかね?

【jQuery】n秒間hoverすると発火する処理

$("#target").mouseenter(function(){
    //1秒間hoverしたら表示
    timmer = setTimeout(function(){
        console.log("SUCCESS!");
    },1000);
    }
}).mouseleave(function(){
    clearTimeout(timmer);
});

ポイント

  • setTimeoutを使う.
  • カーソルが外れた時にclearTimeoutでタイマーを切って処理への道を断つ.
  • setTimeout([処理], [n/1000秒])なので、1秒=1000で記載する.

✌️

もちろんhover()でもできる.

$("#target").hover(function(){
    //1秒間hoverしたら表示
    timmer = setTimeout(function(){
        console.log("SUCCESS!");
    },1000);},function(){
    clearTimeout(timmer);
})