jquery addClass - 等待、延迟、速度、超时或其他

Question

该问题已发布多次，是如何延迟 addClass。

我得到了这个:

$("#menu ul li").hover(function(){
  $(this).addClass("hover");
},function(){
  $(this).removeClass("hover");
})

并且想要类似的东西，但是在 500msek 左右之后添加类。到目前为止最好的答案是使用 settimeout。也许我只需要一个工作示例: How to wait 5 seconds with jQuery?

hooverIntent 将不起作用，因为它必须是一个 addClass。

兄弟。安德斯

更新:四个很棒的答案!谢谢。我不知道为什么我认为hoverIntent不起作用，它可以如答案中所示使用。实际上，所有答案都可以使用，各有利弊。即使必须包含另一个插件，我也会使用hoverIntent。 hoverIntent 的优点是可以设置灵敏度，因此不仅可以设置 addClass 的延迟，而且当鼠标仍然位于该区域上方时(或者如果喜欢灵敏度，则不会那么静止)，它会首先开始计数

Answer 1

$("#menu ul li").hover(function(){
  var $this = $(this);
  var ovt = setTimeout(function(){$this.addClass('hover'); clearTimeout(ovt);}, 500);
},function(){
  var $this = $(this);
  var out = setTimeout(function(){$this.removeClass('hover'); clearTimeout(out);}, 500);
});

这就是你要找的吗？