JavaScript/jQuery 计时器用于再次调用方法？

Question

我正在使用 jQuery 悬停方法制作一个简单的动画。问题是，如果用户将鼠标悬停在同一张图像上两次，该方法将被重新调用。如何在一个方法上放置一个“计时器”，防止其被调用两次。

Answer 1

将鼠标悬停在图像上时，请使用以下想法:

//Global variable
var now = null;
var SECONDS_TO_HOLD = 60; //assume you want to hold it for 60 seconds

//On Hover method:
if (now == null){
   now = Date.now();
   //Invoke hover method
} else {
   var diff = Date.now() - now; //time diff in milliseconds
   if (diff > (SECONDS_TO_HOLD *1000)){
       now = Date.now();
       //Invoke hover method
   }
}