3 интервала времени ожидания, чтобы показать div jquery

Question

<div class="popup_div">Form here</div>

Что я делаю, чтобы это всплывающее окно "div" появлялось, когда страница загружается через 5 секунд, затем, когда пользователь закрывает всплывающее окно div, он снова будет считать до 15 секунд, а затем, когда пользователь закрывается. это снова будет отображаться еще 30 секунд

Это интервал

5 secs (on page load)
15 secs
30 secs (final popup, it won't popup after this)

Вот моя скрипка, надеюсь, это поможет

https://jsfiddle.net/3xk725ts/

Answer 1

Здесь я написал решение, используя setTimeout вместо setInterval, поэтому вам не нужно заботиться о его очистке.

    var iteration = 0;
    var times = [5000, 15000, 30000]
    var showPopUp = function(time) {
        setTimeout(function() { 
        $('#timer').show();
        $('#timer').html("<span class='close'>X</span><h3>Count down complete</h3>"); }, time)
    }

    showPopUp(times[iteration]);

    $('body').on('click', '.close', function() {
        $('#timer').hide();
        iteration +=1;
        if (iteration < 3) {
          showPopUp(times[iteration])
        }
    });