Javascript 如何设置鼠标悬停显示延迟

我在表格列表上使用鼠标悬停效果来显示悬停课程的内容。 然而，正如表中所示，当从一行转到另一行时，它“变化太快”，这就是为什么我想对鼠标悬停效果进行一些延迟

我的代码当前如下所示：

onmouseover="show('id')" onmouseout="hide('id')">

---

如何进行小延迟？

如果你使用jquery控制你的悬停动作和计时器，这是一个很棒的brain插件。

---

或者，您可以使用vannilla javascript设置计时器。

如果您使用jQuery的显示和隐藏方法，只需将所需的持续时间以毫秒为单位放在括号之间即可：

<div onmouseover="$('#id').show(600)" onmouseout="$('#id').hide(600)">
    some content
</div>

一些内容

非jQuery解决方案，供参考：

<script>

    var show=function(x)
    {
        setTimeout(
            function()
            {
                do the stuff...
            },
            200
        );
    };

    var hide=function(x)
    {
        setTimeout(
            function()
            {
                do the other stuff...
            },
            200
        );
    };

</script>
<div onmouseover="show('id')"  onmouseout="show('id')"></div>

变量显示=函数（x）
{
设置超时(
函数（）
{
做这些事。。。
},
200
);
};
变量隐藏=函数（x）
{
设置超时(
函数（）
{
做其他事情。。。
},
200
);
};

---

基本上，我将

show

和

hide

定义为创建匿名函数的函数，这些函数执行实际的显示和隐藏操作，然后使用

setTimeout
在200毫秒延迟后运行它们，这与php有关吗？不管怎样，您使用的是jQuery之类的库还是纯javascript？如果您没有，您可以查看setTimeout javascript函数，并在show函数和hide函数中使用它：）您可能想尝试设置某种类型的睡眠，请选中此选项。它可以帮助您通过javascript设置计时器吗？你研究过了吗？谢谢，我想用这个，但是我很挣扎，因为我的代码现在看起来像这样（不仅仅是“id”）：onmouseover=“””onmouseout=“hide（“”）”>哦，这应该不是问题。PHP语句在服务器端进行预处理。只需编写一些类似于我使用了您的确切代码的内容，但鼠标悬停不再工作。我猜PHP语句没有被处理，因为当我检查呈现的html代码时，我得到：onmouseover=“$（'38'）。show（600）”设法解决了问题，即使在代码中显示完全相同的内容，mouseover也不起作用：（我猜Jquery/PHP存在冲突？是否应该在一段时间后显示详细信息框，然后使用上面的解决方案[链接]还是应该有动画（以便内容以较慢的速度淡出）？