JS: изменить стиль display по таймеру

121

04 декабря 2019, 03:20

Я не очень сильна в JS, помогите пожалуйста решить вопрос. Есть div, который нужно отображать каждые условно 5 минут

Неактивный div

<div class="ibx-wpfomo-floating-popup" style="display: none; bottom: 90px; opacity: 0;">

Активный div

<div class="ibx-wpfomo-floating-popup" style="display: block; bottom: 100px; opacity: 1;">

Как я понимаю, все просто: мне нужно с помощью setInterval изменить стиль css c display: none на display: block. Но почему-то код не работает.

Мой код: (вставляю его в custom JS в настройках темы)

    jQuery(window).load(function(){
setTimeout(function (){
$(‘.ibx-wpfomo-floating-popup’).css('display', 'block');
}, 1000)
});

Буду признательна подсказкам :)

Answer 1

Пример с добавлением класса show и соответствующими стилями:

$(window).load(function(){ 
  setTimeout(function (){ 
    $(".ibx-wpfomo-floating-popup").addClass('show'); 
  }, 1000); 
});

.ibx-wpfomo-floating-popup { 
  display: none;  
  bottom: 90px;  
  opacity: 0; 
} 
 
.ibx-wpfomo-floating-popup.show { 
  display: block; 
  opacity: 1; 
}

<script src="https://code.jquery.com/jquery-2.2.4.js"></script> 
 
  <div class="ibx-wpfomo-floating-popup" >Popup</div>

Answer 2

Если вы сами пишите, что использовать надо setInterval, то почему используете setTimeout ? Переключение display с none на block осуществляется с помощью метода toggle

setInterval(function(){
   $(".ibx-wpfomo-floating-popup").toggle(true);
}, 5*1000);

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Всплывающее окно не отображается magnific-popup

Есть несколько товаров с кнопкой заказать, при нажатии ничего не происходит, и ещё вопрос как можно передать название именно того товара...

129

javascript

Параметры функции по умолчанию

В стандарте ES-2015 появилась возможность задавать параметры функции по умолчанию, выглядит это так:

117

javascript

Отправка определенного div

Есть форма - обычнаяКроме "общих" полей в ней "на лету" генерируются div'ы с вложенными input'ами

107

MySQL

Как в sql запросе с GROUP BY вычесть разность дат?

Такая проблема: Есть таблица id(int),user_id(int),data(timestamp)

141