Javascript 在 Mouseleave 事件上設置超時

Question

當用戶的鼠標離開文檔並進行有關我的網站的調查時，我會出現一個 div。

我不想讓他們進行調查，如果他們在瀏覽時的最初幾分鍾內將鼠標移出，所以我想知道我是否可以設置一個超時/睡眠，當這個 mouseleave function 將激活時。

這是我沒有超時的代碼：

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

非常感謝！

Answer 1

您可以使用window.setTimeout在一定時間后啟用 function。

例子：

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

Answer 2

您可以調用封裝在setTimeout function 調用中的相同 function 調用：

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

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