Mouseleave 事件上的 Javascript setTimeout

Question

我有一个 div，当用户的鼠标离开带有关于我网站的调查的文档时，它会出现。

如果他们在浏览时的前几分钟内将鼠标移出，我不想让他们做调查，所以我想知道我是否可以设置一个超时/休眠，以便在这个 mouseleave 功能激活时.

这是我没有超时的代码:

        $(document).mouseleave(function () {
        document.getElementById("Overlay1").style.display = "";
        });

非常感谢!

Answer 1

您可以使用window.setTimeout 在一定时间后启用该功能。

例子:

    window.setTimeout(function(){
    $(document).mouseleave(function () {
            console.log('mouse leave');
            document.getElementById("Overlay1").style.display = "";
            });
        console.log('initiated');
    },5000);