Перезапись переменной в setInterval

Добрый день!

Только-только начал изучать js. Поэтому, Уважаемые форумяне, просьба не бросаться помидорами, а просьба помочь...

Перед мной задача пушить показы баннеров из исходного html кода, записывая в переменную значение аттрибута name активного баннера. Активный баннер имеет class="flex-active-slide", интервал между сменой баннеров 5 секунд
Исходный код имеет вид
<ul class="slides">
<li class="flex-active-slide">
<a name="1">
<li>
<a name="2">
<li>
<a name="3">
</ul>

Для этой задачи использую setInterval в виде

<script>
var timerId = setInterval(function() {
var a = $('.flex-active-slide a').attr('name').length
if (a > 0){
clearTimeout(timerId);
console.log( $('.flex-active-slide a').attr('name') );
}
}, 1000);
</script>

Но в этом случае setInterval отрабатывает только один раз и все... Если убираю clearTimeout, то пушится 5 раз один и тот же баннер за время отработки setInterval (время то смены баннеров 5 сек). Изменять время setInterval не вариант поскольку возможна ручная прокрутка баннеров.

Помогите ПЖ со скриптом!

0

Сообщение от uvexx clearTimeout

Здесь же нет setTimeout что бы использовать clearTimeout.
Для setInterval есть clearInterval

Добавлено через 5 минут

Сообщение от uvexx Изменять время setInterval не вариант поскольку возможна ручная прокрутка баннеров.

А в чём собственно проблема ?

0

Проблема в том, что я скрипт отдает за время работы setInterval 5 раз одно и тоже значение прежде чем произошла смена баннера, а должен только один раз отдать значение для каждого баннера

Убрал, к примеру, setTimeout. В html 3-и тега a. Смена активного тега а на другой происходит через 5 секунд. За это время setInterval логирует 5 раз тег а1, потом 5 раз а2 и т.д.

Мне нужно чтобы он логировал только по одному разу. При этом изменить время отрaботки setInterval не могу поскольку есть возможность ручного пролистывания

<script>
var timerId = setInterval(function() {
console.log( $('.flex-active-slide a').attr('name') );
}
}, 1000);
</script>

0

Сообщение от uvexx Перед мной задача пушить показы баннеров из исходного html кода

Это не описание задачи, а конкретные инструкции. Для постановки задачи нужно опираться на пользовательский опыт. Например:
"нажали на картинку левой кнопкой мыши -> предыдущая картинка исчезла, на ее месте появилась следующая"
в таком духе.

0

Господа, я не прошу сделать поставленную за меня задачу... Я старался максимально подробно описать задачу...
Просьба просто подсказать, намекнуть... Может я вообще не правильно подошел к задаче, может setInterval это не лучший способ решения...

Но поскольку опыта нет, то я счел setInterval оптимальным вариантом для пуша показов баннеров в слайдере. Но сделать чтобы на пуш активного баннера не не имел влияния интервал генерации setInterval не могу...

Теоретически, думаю нужно заводить if else с проверкой условий и перезаписью переменных, типа вот этого

var timerId = setInterval(function() {
var a = $('.flex-active-slide a').attr('name')
var b

if (a == b) {console.log( 'повтор setInterval' );}
else
if (a != b && b == 'undefined' )
{console.log( a );
b = a;}
else
if (a != b && b != 'underfined')
{console.log( a );
b = a;}

}, 1000);

Но почему-то все равно активный баннер выводится в консоль 5 раз вместо 1-го раза

Что я делаю не так?

0

uvexx, вам надо хранить состояние и в зависимости от него выполнять некие действия. Например, сохранить значение последнего слайда. И с интервалом проверять его на соответсвие показываемому. Если совпадает, то ничего не делать, иначе "пушить показы баннеров" (что бы это ни значило).
Навскидку:

1

Сообщение от j2FunOnly "пушить показы баннеров" (что бы это ни значило)



0

Сообщение от Padimanskas 

Пушить в моем случае потребуется потом в gtm (вместо консоли будет dl)

Добавлено через 1 минуту

Сообщение от j2FunOnly uvexx, вам надо хранить состояние и в зависимости от него выполнять некие действия. Например, сохранить значение последнего слайда. И с интервалом проверять его на соответсвие показываемому. Если совпадает, то ничего не делать, иначе "пушить показы баннеров" (что бы это ни значило). Навскидку: JavaScript 1 2 3 4 5 6 7 8 var currentSlide; setInterval(function () {   var newSlide = $('.flex-active-slide a').prop('name');   if (currentSlide == newSlide) return;     currentSlide = newSlide;   console.log(currentSlide); }, 1000);

Круто!!! Спасибо!!!

Работает!!!

0

Господа добрый день!

Ранее вы помогли с реализацией функции setInterfal.

var currentSlide;
setInterval(function () {
var newSlide = $('.flex-active-slide a').prop('name');
if (currentSlide == newSlide) return;

currentSlide = newSlide;
console.log(currentSlide);
}, 1000);

Помогите ПЖ еще раз с ней же...

Прошлая задача усложнилась тем, что в новом ul слайдера в тегах li нет класса вообще, но есть аттрибут aria-hidden со значение true - это пассивный баннер и false - это активный баннер

пытаюсь запустить прошлый скрипт с циклом for, но в консоле молчание
есть подозрение, что цикл for не работает в setInterval, но как тогда записать этот обработчик?

Вот как я пытаюсь это сделать:
var currentSlide;
setInterval(function () {

var ul = $('ul.bxslider li') // все составляющие слайдера
for ( q = 0; q < ul.length; q++) { // начинаем переборку li и ищем аттрибут со значение false
if ($(ul[q]).attr('aria-hidden') == 'false') // если равенство, то записываем значение alt тега img в переменную newSlide

var newSlide = $(ul[q].firstChild.firstChild).attr('alt'); //структура такая <ul><li>-><a>-><img><li>... поэтому использую 2-а раза firstChild

var newSlide = $('.flex-active-slide a').prop('name');
if (currentSlide == newSlide) return;

currentSlide = newSlide;
console.log(currentSlide);
}
}, 1000);

0