Как сделать открытие модального окна каждые 30 секунд только при разрешении меньше 768px?

Question

[Максим Варава]

Добрый день, написал скрипт на открытие модального окна на мобильных устройствах, но он не корректно работает. А именно первый запуск модального окна происходит нормально, через 30 секунд, а последующий его вывод буквально каждые 3-5 секунд. Можете подсказать где ошибка?

Вот код: https://codepen.io/anon/pen/vazVby

Answer 1

[timokins]

Зачем используется resize в коде?

Resize срабатывает при изменении размера даже на 1px. И генерирует новый таймер.
Если Вы проверяете вручную, уменьшая размер экран окна, то при каждом срабатывании resize, создается новый таймер. Итого имеем сотню таймеров которые будут срабатывать через 30, 31, 32, 34 секунды.

upd: если resize необходим, то каждый раз обнуляйте таймер и создавайте новый, а не размножайте

Comments

[Максим Варава]

Можете подсказать как это правильно реализовать, я не очень силен в этом.

[Максим Варава]

$(function() {
  width = $(window).width();
  setInterval(function () {
    if (width <= 768) {
        jQuery.magnificPopup.open({
            items: {
                src: '#popup-5'
            },
            type: 'inline',
            fixedContentPos: false,
        });
    }
  }, 45000);
  return !1;
});

Сделал так