Блог

У меня есть 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);
 });