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);

Answer 2

你可以调用setTimeout函数调用中封装的相同函数：

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

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