javascript - обновление страницы через N-секунд без активности Опции

[mzk]

Камрады, нагуглил вот такой код:

CODE Format

(function(seconds) {
    

    var refresh,      
        intvrefresh = function() {
            
            clearInterval(refresh);
            refresh = setTimeout(function() {
               location.href = location.href;
            }, seconds * 1000);
            
        };

    $(document).on('keypress click', function() { intvrefresh()  });
    intvrefresh();

}(60));

Перезагружает страницу, если нет активности\кликов.

Хочется добавить еще красивый вопрос перед обновлением страницы "Вы еще здесь?" и кнопки "Да" \ "Нет"

Не хватает знания и опыта... Прошу помощи

[mzk]

Согласен, с кнопкой "Нет" забавно получается

С модальными окнами разобрался - нажимаю на спрятанную кнопку каждые 60 сек таким образом:

CODE Format

(function(seconds) {
    

    var refresh,      
        intvrefresh = function() {
            
            clearInterval(refresh);
            refresh = setTimeout(function() {
               location.href = location.href;
            }, seconds * 1000);
            
        };

    $(document).on('keypress click', function() { intvrefresh()  });
    intvrefresh();

$(document).ready(function(){

    $('#myBtn').trigger('click');

});

}(60));

Только не получается сделать его вывод по таймеру -10 сек... и только в том случае, если кто-то что-то ввел в поле "инпут"

[YaAllex]

» Нажмите, чтобы показать спойлер - нажмите опять, чтобы скрыть... «

Согласен, с кнопкой "Нет" забавно получается

С модальными окнами разобрался - нажимаю на спрятанную кнопку каждые 60 сек таким образом:

CODE Format

(function(seconds) {
    

    var refresh,      
        intvrefresh = function() {
            
            clearInterval(refresh);
            refresh = setTimeout(function() {
               location.href = location.href;
            }, seconds * 1000);
            
        };

    $(document).on('keypress click', function() { intvrefresh()  });
    intvrefresh();

$(document).ready(function(){

    $('#myBtn').trigger('click');

});

}(60));

Только не получается сделать его вывод по таймеру -10 сек... и только в том случае, если кто-то что-то ввел в поле "инпут"

CODE Format

$(document).ready(function(){

    $('#myBtn').trigger('click');

});

вот это либо не доделано, либо не нужно:
по любому нажатию на любой элемент(или любую клавишу) у вас должен сработать intvrefresh ( очистка интервала и запуск счетчика заново(60сек) ), т.е. вам нужно что то подобное

CODE Format

  
$('#myBtn').on('click', function(){ логика сокрытия модального окна } );

сам таймер для отображения модального окна я бы прописывал в intvrefresh

CODE Format

var refresh,
modal_window_timer,
intvrefresh = () => {
            
            clearInterval(refresh);
            clearInterval(madal_window_timer);
                        modal_window_timer = setTimeout(function() {
              // логика отображения модального окна
            }, (seconds-10) * 1000);
            refresh = setTimeout(function() {
               location.href = location.href;
            }, seconds * 1000);
            
        };

Как то так, но все нужно тестить и проверять...

Сообщение отредактировал YaAllex - Aug 4 2019, 11:19