Mouseleave事件上的Javascript设置超时

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

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

这是我没有超时的代码：

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

---

非常感谢

您可以使用

window.setTimeout

在特定时间后启用该功能

例如：

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

---

您可以调用封装在

setTimeout

函数调用中的相同函数：

 $(document).mouseleave(function() {
    var seconds = 3;

    //execute the function in 3 seconds
    setTimeout(function(){
        document.getElementById("Overlay1").style.display = "";
    },seconds*1000);
 });

---

很抱歉，我不太擅长javascript，我把你的代码放在我的代码上面，但似乎不起作用。我试过了，但3秒钟后它似乎也没有显示出来，dreamweaver说这行有语法错误：setTimeout（function（）{sry，我有一个拼写错误：D“function”而不是“function”.见editAh非常感谢，很有效，但它不断弹出，其他海报示例非常有效，不过感谢您的帮助！！