Jquery 我有一个多级下拉菜单，我想给一些时间，当我们从菜单上鼠标

下面是链接，我有一个多级下拉菜单，当我将鼠标移出菜单时，菜单应该保持至少3秒钟，目前它移动得非常快。请帮忙

//这是js代码//

 $(".flyout-menu").children('.navbar-nav').children('li').find("a").each(function (index, value) {
        $(value).mouseover(function () {
            $(".sub-level1 .list-inline").show();
            var parentID = $(this).text().replace(' ', '_');
            $(".sub-level1").show();
            $(".sub-level1 .list-inline").not("ul#" + parentID + ".list-inline").hide();
        });
    });
    $(".sub-level1").mouseover(function () {
        $(".sub-level1").css({ display: 'block' });
    });

    $(".sub-level1 .level1li").mouseover(function () {
        SetCommonHeight();
    });

    $(".sub-level2").mouseover(function () {
        $(".sub-level2").css({ display: 'block' });
        $(this).css('height', 'auto');
        SetCommonHeight();
    });


        $(".sub-level3").mouseover(function () {
        $(".sub-level2").css('height', 'auto');
        $(this).css('height', 'auto');
        SetCommonHeight();
    });
    $(".section, .main-header").mouseover(function () {
        $(".sub-level1").css({ display: 'none' });
    });
    if ($("ul#Communities li.level1li a").length == 0) {

        $("ul#Communities li.level1li").hide();
    }


    function SetCommonHeight() {
        var max = 1;
        $('div[class^="sub-level"]:visible').each(function () {
            var h = $(this).height();
            max = h > max ? h : max;
        });
        if ($('div[class^="sub-level"]:visible').length < 3) {
            $(".sub-level2:visible").css('height', 'auto');
        }
        else {
            $(".sub-level2:visible").height(max);
        }
        if ($('div[class^="sub-level"]:visible').length < 3) {
            $(".sub-level3:visible").css('height', 'auto');
        }
        else {
            $(".sub-level3:visible").height(max);
        }
        $(".sub-level4:visible").height(max);
    }

$（“.flyout menu”）.children（“.navbar nav”）.children（'li'）.find（“a”）.each（函数（索引，值）{
$（值）.mouseover（函数（）{
$（“.sub-level1.list inline”）.show（）；
var parentID=$（this.text（）.replace（“”，“”）；
$（“.sub-level1”）.show（）；
$（“.sub-level1.list inline”）.not（“ul#“+parentID+”.list inline”）.hide（）；
});
});
$（“.sub-level1”）.mouseover（函数（）{
$（“.sub-level1”）.css（{display:'block}）；
});
$（“.sub-level1.level1li”）.mouseover（函数（）{
SetCommonHeight（）；
});
$（“.sub-level2”）.mouseover（函数（）{
$（“.sub-level2”）.css（{display:'block}）；
$（this.css（'height'，'auto'）；
SetCommonHeight（）；
});
$（“.sub-level3”）.mouseover（函数（）{
$（“.sub-level2”）.css（'height'，'auto'）；
$（this.css（'height'，'auto'）；
SetCommonHeight（）；
});
$（“.section，.main header”）.mouseover（函数（）{
$（“.sub-level1”）.css（{display:'none'}）；
});
if（$（（$）社区li.level1li a”）.length==0）{
$（“ul#Communities li.level1li”）.hide（）；
}
函数SetCommonHeight（）{
var max=1；
$（'div[class^=“sub-level”]：visible'）。每个（函数（）{
var h=$（this.height（）；
max=h>max？h:max；
});
if（$（'div[class^=“sub-level”]：可见）。长度<3）{
$（“.sub-level2:visible”）.css（'height'，'auto'）；
}
否则{
$（“.sub-level2:可见”）。高度（最大值）；
}
if（$（'div[class^=“sub-level”]：可见）。长度<3）{
$（“.sub-level3:visible”）.css（'height'，'auto'）；
}
否则{
$（“.sub-level3:可见”）。高度（最大值）；
}
$（“.sub-level4:可见”）。高度（最大值）；
}

---

提前感谢

为该菜单创建一个onmouseout函数，该函数与onmouseover函数的作用相同，但持续3秒钟。您可以使用settimeout函数进行延迟。 这样，当鼠标离开菜单时，执行上述功能。3秒钟后，它将消失，就像现在在鼠标上发生的一样

---

祝你好运。

我已经为onmouseout编写了这段代码，但是几秒钟后，在我mouseout之前，菜单就消失了，$（“.sub-level2”）.mouseout（函数（）{setTimeout（函数（）{alert（'out”）；$（'.sub-level2'）.css（'background-color'，'#49616a'）；}，10000）；}）；