Javascript 在特定时间后启用悬停事件

我想通过jQuery在一定的时间间隔内禁用锚标记上的悬停事件

示例：我为锚（）元素上的悬停效果提供了一些CSS样式。当我悬停元素时，我希望它等待一定的时间（500毫秒左右），然后开始渲染悬停效果

也许是这样的

$("#navigation").hover(function () {
        $("li.has-submenu").off('hover');
        setTimeout(function () {
            $("li.has-submenu").on('hover');
        }, 1000);
    });

---

我最近检查了一下，现在是2015年，这意味着您可以使用CSS3来完成这项工作

以下内容将在500毫秒后开始为所有链接的背景色设置动画

不需要jQuery或任何JavaScript

a{
-webkit过渡：所有500毫秒的缓进；
-moz转换：所有500毫秒的缓进；
-ms转换：所有500毫秒的时间都很容易进入；
-o型过渡：所有500ms缓进；
过渡：所有500毫秒的时间都很容易进入；
}
a:悬停{
背景色：#c00；
过渡延迟：500ms；
}

---

我想你想要这样的东西：

<div id='a' style="border:2px solid black" >
       <h3>Hove On me</h3>
           For 2000 milliseconds. You will get an alert.
       </br>
</div>




$(document).ready(function(){
   var delay=2000, setTimeoutConst;
   $('#a').hover(function(){
        setTimeoutConst = setTimeout(function(){
            /* Do Some Stuff*/
           alert('Thank You!');
        }, delay);
   },function(){
        clearTimeout(setTimeoutConst );
   })
})

你骗了我
持续2000毫秒。你会得到一个警告。


$（文档）.ready（函数（）{
var延迟=2000，setTimeoutConst；
$（'#a'）。悬停（函数（）{
setTimeoutConst=setTimeout（函数（）{
/*做点什么*/
警惕（“谢谢！”）；
}，延误）；
}，函数（）{
clearTimeout（setTimeoutConst）；
})
})

---

演示：

不是重复的。这个问题有更多的解决方案，甚至与JavaScript无关。对于简单的CSS解决方案，您可以使用CSS3转换，如下所述：是的，我知道CSS3解决方案，出于某些原因，我无法在我的网页中使用它。我需要完全禁用悬停事件一段时间。是的，我知道这个解决方案，由于某些原因，我无法在我的网页中使用它。我需要完全禁用悬停事件一段时间。无论如何谢谢你！该死，添加jQuery解决方案太晚了：）