Есть модалка, она открывается на всех страницах раз в 30 секунд,как оформить чтобы раз в 30 секунд на сайте открывалось?

Question

[Evij21]

Есть модалка, она открывается на всех страницах раз в 30 секунд т.е. как мы заходим на /контакт у нас еще раз открывается ,как оформить чтобы раз в 30 секунд на сайте открывалось?

<div class="elfeika none">
	<div class="elfeika__inner">
		
		<div class="elfeika__content">
			<h1 class="title">
				WAIT!
			</h1>
			<p class="subtitle">Elves want to give YOUR a</p>
			<p class="discount">10% discount</p>
			<p class="first">for your first order</p>
			<div class="bullites">
				<div class="bullites__item">
					<div class="number">1</div>
					<p class="text">Add the product to cart. </p>
				</div>
				<div class="bullites__item">
					<div class="number">2</div>
					<p class="text">Enter coupon code. </p>
				</div>
				<div class="bullites__item">
					<div class="number">3</div>
					<p class="text">And get our discount. </p>
				</div>
			</div>
				<?php echo do_shortcode( '[contact-form-7 id="7835" title="popup"]' ); ?>
<!-- 			<div class="buttoss">
				<button class="buttos no">No, thank you!</button>
				<button class="buttos yes">GET CODE</button>
			</div> -->
		</div>
		<div class="elfeika__bg">
			<img src="https://plagueboost.com/wp-content/themes/plagueboost/assets/img/bg.png" alt="">
		</div>
	</div>
</div>

function block() {
		var elfeika = document.querySelector('.elfeika')
		elfeika.classList.remove('none')
	}
 
setTimeout(block, 20000)



$(document).mouseleave(function(e){
    if (e.clientY < 10) {
        $(".elfeika").fadeIn("fast");
        var elfeika = document.querySelector('.elfeika')
	elfeika.classList.remove('none')
    }    
});
$('.no').click(function(e) {
    if (($(".elfeika").is(':visible')) && (!$(e.target).closest(".elfeika .subtitle").length)) {
        $(".elfeika").remove();
    }
});
	
	
function block1() {
	var yes = document.querySelector('.wpcf7-response-output').textContent
	if (yes == 'Thank you for your message. It was sent successfully.') {
		$(".elfeika").remove();
	}
	 
}


$('.yes').on('click', function() {
	setTimeout(block1, 2000)
})

Comments

[Alex_mos]

Вопрос совсем не понятен

она открывается на всех страницах раз в 30 секунд

и тут же вы пишите

как оформить чтобы раз в 30 секунд на сайте открывалось

[Антон Литвиненко]

я тоже не понял вопрос

[Evij21]

Alex_mos, Ну вот при каждом входе на новую страницу она открывается через 30 секунд, например:Побывали в /контакт прошло 30 секунд открылось, перешли /Онас она еще раз открывается. Надо чтобы за всю сессию открывалась один раз, а не каждый раз в новых страницах

[Evij21]

Антон Литвиненко, Ответил

[Антон Литвиненко]

Evij21, ну тогда реально settimeout вместо интервала и запись в localstorage, чтобы на том же компе больше не открывалась

[Антон Литвиненко]

Evij21, я присмотрелся к коду, нету тут открывания модалки раз в 30 секунд

[Evij21]

Антон Литвиненко, Прости там в 20 сек

[Антон Литвиненко]

Evij21, нету там открывания раз в какое-то время

Answer 1

[Антон Литвиненко]

if (window.sessionStorage && window.localStorage) {
	if(!localStorage.getItem('modal','1')) {
		setTimeout(block, 20000);
		localStorage.setItem('modal','1');
	}
}

Comments

[Alex_mos]

Я так понимаю ему при каждом переходе на новую страницу нужно менять значение в localstorage, что бы на каждой странице всплывало окно.

[Антон Литвиненко]

Alex_mos, зачем на каждой странице окно? Чтобы юзера позлить?

[Alex_mos]

Антон Литвиненко, видимо да))) я тоже не совсем понимаю))

[Владимир Брумер]

Alex_mos, Антон Литвиненко, И в модалке добавить надпись: «Тебя ещё не бомбит? Тогда идем на следующую страницу»

Я так понимаю ему при каждом переходе на новую страницу нужно менять значение в localstorage, что бы на каждой странице всплывало окно

дак так и написано

[Evij21]

Мне наоборот не надо, чтобы она на каждой всплывало

[Антон Литвиненко]

Evij21, перечитай свой вопрос, и напиши как тебе нужно, чтобы было

Answer 2

[Алексей Дубровин]

setTimeout - функция исполняется 1 раз и отчищается.
setInterval - функция исполняется с периодичностью. Отчистка только через clearInterval

Comments

[Evij21]

А как это с моим кодом выглядеть будет

[Evij21]

Он должен за одну сессию 1 раз выходить

[Алексей Дубровин]

Evij21, Тогда эта работа с сессией.