javascript - 如果在某个时间间隔内没有获得 MouseOver，则使用 jQuery 自动隐藏 div

Question

我有一个解决方法，当菜单项获得 MouseOver 时显示 div，但仅当 div 获得 MouseOut 时隐藏两者。目前这是必需的。

但是，如果 div 从未获得 MouseOver，则它永远不会隐藏。我想要做的是，如果 div 在显示后几毫秒内未获得 MouseOver，则自动隐藏该 div。

在一段时间后隐藏应该不难，但是在 MouseOver 上重置它对我来说是一个挑战。有什么想法吗？

Answer 1

做类似的事情:

function hideYourDiv() {
  $("div#yourdiv").hide();
}
var theTimeout = setTimeout(hideYourDiv, 1000);
$("div#yourdiv").mouseover(function() {
  clearTimeout(theTimeout);
});

编辑以符合 setTimeout 的“正确”使用:P(尽管对于像这样的简单的东西，我有时更喜欢向它传递一个字符串..无论如何，两者都可以工作)