Сделать событие JQuery доступным через определенное время

Question

Я пытаюсь сделать одно из этих раздражающих всплывающих окон при выходе из браузера. Тем не менее, я хочу, чтобы событие было доступно через через определенное количество времени. Событие должно запускаться через определенное время. Я видел такие вещи, как delay и setTimeout, но я понятия не имею, как реализовать его в моем коде.

JavaScript:

$(document).on("mouseleave", function (event) { 
     if (event.pageY < 0) { 
      $(".leavemodal").fadeIn(600); 
     } 
    }); 

Answer 1

Это не проверял, но, может быть, вы можете попробовать это.

$(document).ready(function() { 
    canRun = false; 
    waitPeriod = 1000;// waiting time 
    setTimeout(function() { canRun = true; }, waitPeriod); 

    $(document).on("mouseleave", function (event) { 
     if (!canRun) { 
      return false; 
     } 
     if (event.pageY < 0) { 
      $(".leavemodal").fadeIn(600); 
     } 
    }); 
}); 

Answer 2

Если вы хотите использовать setTimeout() вы можете сделать что-то вроде этого. Событие Click будет разрешено через 2 секунды после вас mouseleave элемента.

var click = false; 
 

 
$('.el').mouseleave(function() { 
 
    if (click == false) { 
 
    setTimeout(function() { 
 
     console.log('You can click now') 
 
     click = true; 
 
     $(this).click(function() { 
 
     console.log('click') 
 
     }) 
 
    }, 2000) 
 
    } 
 
})

.el { 
 
    width: 200px; 
 
    height: 200px; 
 
    background: black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="el"></div>