如何设置jquery悬停函数的超时

例如，请查看这些代码：

HTML:

当我在文本上快速悬停3次时，框会在每次完成后设置3次动画。 如何设置悬停的超时时间，以禁用悬停效果，直到第一个动画/功能[由于第一次悬停]完成？

尝试此方法

$(function(){
  $("#hvr").hover(function(){    
      $("#box").stop().animate({width:'150px'},500);   
  }, function(){    
      $("#box").stop().animate({width:'100px'},500);
  });
});

---

这与OP提出的问题不符：“如何设置悬停的超时时间，以禁用悬停效果，直到第一个动画完成”。实际上它可以工作，但仅适用于一个级别的动画。如果我再为示例添加两行动画，它将不起作用。我希望为所有内部函数设置悬停超时。。

$(function(){
$("#hvr").hover(function(){

    $("#box").animate({width:'150px'},500);
    more animations/functions here ...

}, function(){

    $("#box").animate({width:'100px'},500);
    more animations/functions here ...
});

$(function(){
  $("#hvr").hover(function(){    
      $("#box").stop().animate({width:'150px'},500);   
  }, function(){    
      $("#box").stop().animate({width:'100px'},500);
  });
});