Как показать модальное окно только на мобильных через 30 секунд?

Question

[gorkymaxxx8]

Не получается вызвать модальное окно на сайте с задержкой в 30 секунд. Выскакивает сразу же после загрузки страницы. Скрипт:
$(window).on("load", function() {
if ($(window).width() < 767) {
ltShowModalBlock('b-42389');
}
setTimeout(explode, 30000);
});

Comments

[Вадим]

Вы код свой понимаете?

Читаем вместе построчно:

$(window).on("load", function() { // по событию окончания загрузки

  if ($(window).width() < 767) { // Если ширина меньше 767
    ltShowModalBlock('b-42389'); // вызвать ltShowModalBlock()
  } // конец если

  setTimeout(explode, 30000); // через 30000мс вызвать exlode

}); // конец обработчика загрузки

[gorkymaxxx8]

Вадим, не понимаю код, приходится делать методом тыка

[Вадим]

gorkymaxxx8, Теперь понятно что нужно сделать?

[gorkymaxxx8]

Вадим, не совсем

[gorkymaxxx8]

Вадим, изначально код был таким:
$(window).on("load", function() {
function explode(){
ltShowModalBlock('b-c2248');
}
setTimeout(explode, 30000);
});
Все работало. Но нужно, чтобы открывалось только на мобильных, поэтому добавил строку и получилось:
$(window).on("load", function() {
if ($(window).width() < 767) {
ltShowModalBlock('b-42389');
}
setTimeout(explode, 30000);
}); Но не работает так функция задержки в 30 секунд, а я не сильно шарю js и не могу понять, что сделать, чтобы заработало

[Вадим]

gorkymaxxx8, да, только в таймер Вы обернули explode, который вызывает ltShowModalBlock, который уже был вызван в блоке условия if.
А нужно было таймер внутрь блока условия добавить.

[gorkymaxxx8]

Вадим, прошу прощения, но ничего не понял. Уже совсем путаница в голове. Не могу понять, как это должно выглядеть.

[edward_freedom]

gorkymaxxx8, прочитай книгу какую нибудь по языку

Answer 1

[Вадим]

$(window).on("load", function() { // по событию окончания загрузки

  function explode(){ // как у Вас было раньше - определение функции explode
    ltShowModalBlock('b-c2248');
  }

  if ($(window).width() < 767) { // Если ширина меньше 767
    setTimeout(explode, 30000); // через 30000мс вызвать exlode
  } // конец если

}); // конец обработчика загрузки

Comments

[Алексей Ярков]

Логичнее, наверное, будет запустить setTimeout, а уже при попытке выполнить функцию explode проверять размер экрана. Вдруг на десктопе сделали маленькое окно, загрузили страницу, а потом развернули окно.

[Вадим]

Алексей Ярков, согласен что такой кейс, хоть и редкий, но возможен, но автор этого не уточняет. Если исходить из формулировки вопроса, то нужны только мобильные. Соответственно, развернуть окно не получится.
А если это какая-то супер лопата, и поменяли ориентацию экрана, и получится что ширина станет больше 767, но это всё ещё мобильный девайс. Так что это уже предлагаю оставить на откуп автору.

[gorkymaxxx8]

Вадим, благодарю за помощь, все получилось.