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

Question

我在表格列表上使用鼠标悬停效果以在悬停时显示类(class)内容。 然而，由于它在表格中，当从一行到另一行时，它“变化太快”，这就是为什么我想对鼠标悬停效果进行一些延迟。

我的代码目前看起来像这样:

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

如何做一个小延迟？

Answer 1

一个非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>

基本上，我定义了 show 和 hide 作为创建匿名函数的函数，这些函数执行实际的显示和隐藏，然后在 200 毫秒延迟后使用 设置超时。