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

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

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

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

[YaAllex]

Забавно, но

"Вы еще здесь?" и кнопки "Да" \ "Нет"

подпадет под

CODE Format

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

и будет не важно, что нажато + как вы думаете имеет ли вообще смысл кнопка "нет"? нет - меня тут нет?



По самой задаче:
вы можете создать модальное окно и отображаеть его по еще одному таймеру но с -5/-10 секунд

[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

[YaAllex]

Рабочий вариант, но имхо - пилить и пилить.

[mzk]

Да... Получается неплохо, спасибо
Но пилить еще и пилить: после первого нажатия на "Да" оно второй раз уже спрашивает через время
И еще придумать, как отслеживать поле инпута правильно: если пустое, то ничего не делать, если не пустое - спросить

Хм

[YaAllex]

Да... Получается неплохо, спасибо
Но пилить еще и пилить: после первого нажатия на "Да" оно второй раз уже спрашивает через время
И еще придумать, как отслеживать поле инпута правильно: если пустое, то ничего не делать, если не пустое - спросить

Хм

хмм... я выше выкладывал рабочий вариант, там же и код можно забрать; если после первого раза не срабатывает - значит не там поставили создание таймера.

Поле инпута не помню как в jQuery отслеживать( а смотреть влом) , но в ванильном js это document.getElementById(" тут ай-ди инпута ").value -> если значение не пустое то спрашивать "что то там"

[mzk]

Понял, буду ковыряться дальше
Большое спасибо