Как обновлять таймер по клику?

Сергей, спасибо, мне просто человек написал, что:

добавьте к обьекту Items поле в котором вы будете хранить таймер, и через это поле получайте доступ к нему. Тогда идентификатор не будет нужен

Почему выводится только один элемент?

Rustam Azizov, а вот как-то так нельзя ?

https://codepen.io/Genri_Rus/pen/JjjBGXY

По таймеру обновлять ?

Как обновлять таймер по клику?

Сергей, а вот как-то так нельзя ?

https://codepen.io/Genri_Rus/pen/JjjBGXY

По таймеру обновлять ?

Как обновить анимацию у элемента?

Андрей, вот: https://codepen.io/Genri_Rus/pen/JjjBGXY

Так можно, но я не могу понять time нужно проверить ?

Как обновить анимацию у элемента?

Андрей, а далее правильно ?

if (items[time]) {
         runTimer(time, name);
         return;
       }

И мне нужно что-то типа такого:

var out = '<div class="notice__info"><div class="notice__info-name">'+ item.name +'<div class="notice__timer"></div></div><div class="notice__delete">X</div></div>';

Как обновлять таймер по клику?

Сергей, но а почему у них таймеры не идентифицированы ?)

Как обновлять таймер по клику?

Сергей, в моем примере тоже есть id: https://test.vintagetechnics.ru/

Т.е. мне придется хранить id в объекте и тогда в таймер ничего не нужно будет добавлять ?
data-product_id="370"

Как обновить анимацию у элемента?

Андрей,

var Item = function(time, data) {
     this.time = time;
     this.data = data;
}

Так const item = new Item(5000, data); ?

Как обновить анимацию у элемента?

Андрей, снова проблема:


Теперь при удалении, если таймер подходит к концу и заново кликнуть, то элемент добавится

Как обновлять таймер по клику?

Сергей, а можно как-то проверять, если таймер не 5000, то обновлять его ?

<% if (hasTimer) { %><div class="-notification-timer"></div><% } %>

Как обновлять таймер по клику?

Сергей, хотя я в network нашел вот что:

<% if (hasTimer) { %><div class="-notification-timer"></div><% } %>

Как обновлять таймер по клику?

Сергей, я вижу только это:

Как обновлять таймер по клику?

Сергей, спасибо, теперь все четко работает
Мне до сих пор интересно, как они: vintagetechnics.ru без единого индентификатора обновляют таймеры при кликах

Как обновлять таймер по клику?

Сергей, у вас кстати какая-та ошибка есть

Вот:

Когда таймер подходит к концу и если ещё раз кликнуть, то добавляется 3 элемент

Как обновлять таймер по клику?

Сергей, тогда наверно проще формировать просто текст на сервере и вставлять его в вёрстку в js уже ?

Типа:

'<div class="-notification -f-medium error" style="opacity: 1; top: 0px;">
        <div class="-notification-close site-icons-close"></div>
        <div class="-icon-font- -f-large -notification-icon inline-block"></div>
        <div class="inline-block -notification-text">Товара "' + data.msg + '" нет в наличии в количестве 2 шт.</div>
        <div class="-notification-timer"></div>
      </div>'

Почему выводится только один элемент?

Rustam Azizov, ну у них: vintagetechnics.ru нету ни одного идентификатора

Как они без идентификаторов обновляют таймеры при кликах ?

Как обновлять таймер по клику?

Сергей, у них вообще нету никаких идентификаторов, что за дела ?

{
msg: "Товара Чехлы для проигрывателей винила и другой аудиотехники. нет в наличии в количестве 2 шт."
success: false
}

Как обновить анимацию у элемента?

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

Как обновлять таймер по клику?

Сергей, и как они идентифицируют таймеры без единого data атрибута в верстке ?

vintagetechnics.ru

Как обновлять таймер по клику?

Сергей, и вообще без data-атрибутов в моем случае не обойтись никак ?