Показать сообщение отдельно
  #1 (permalink)  
Старый 29.03.2018, 21:57
Интересующийся
Отправить личное сообщение для kseosru Посмотреть профиль Найти все сообщения от kseosru
 
Регистрация: 29.03.2018
Сообщений: 13

Как сделать повторное воспроизведение js скрипта ?
Добрый день . Помогите пожалуйста решить один вопрос. Есть код ниже, он показывает через определенное время блоки DIV как уведомления. После последнего блока DIV скрипт завершает работу и останавливается .

Вопрос в том, как сделать так, что-бы после последнего вывода блока, скрипт отрабатобатывал все действия повторно. То есть
повторял те же действия. Без перерыва ?

Извините если не так поставил вопрос я новичок постарался изложить своими словами.

CSS КОД

Код:
.parent_popup {
position: fixed;
  right: 20px;
  bottom: 0px;
  width: 400px;
 display: none;
 
 }
 .parent_popup.show{
   display: block;
 }

 .popup {
   width: 100%;
  height: 100px;
   background: #f8f8f8;
   
   padding: 6px 10px 10px 10px;
   
box-shadow:0px 0px 14px 4px rgba(113,131,152,0.47);
-webkit-box-shadow:0px 0px 14px 4px rgba(113,131,152,0.47);
-moz-box-shadow:0px 0px 14px 4px rgba(113,131,152,0.47);

  margin: 0 0 20px 0;
  position: relative;
  right: 0;
 border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 12px;

   -webkit-border-radius:12px; /* Safari, Chrome */
    -moz-border-radius:12px; /* Firefox */
 
 }

 .close {
 display: none;
 }
 .close:hover {
 display: none;
 }






<div class="parent_popup" >
<div class="popup">
<div class="wrapperks">
Блок 1
</div>
<a class="close"title="Закрыть" >X</a>
</div>
</div>



<div class="parent_popup" >
<div class="popup">
<div class="wrapperks">
Блок 2
</div>
<a class="close"title="Закрыть" >X</a>
</div>
</div>



window.addEventListener("DOMContentLoaded", function() {
    function c() {
        if (a = b.shift()) a.querySelector(".close").addEventListener("click", function(a) {
            a.preventDefault();
            d()
        }), a.classList.add("show"), e = window.setTimeout(d, 1000) //время просмотра
    }
    function d() {	
	
        window.clearTimeout(e);
        a && a.classList.remove("show");
        window.setTimeout(c, 2000) //пауза между показами
    }
    var b = document.querySelectorAll(".parent_popup"),
	
        e, a, b = [].slice.call(b, 0);
		 
    window.setTimeout(c, 1000) //пауза перед 1 запуском	
	
});
Ответить с цитированием