【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);
})