Таймер для карточки товара
07.07.2023 06:58:47 am
Приветствую.
В разделе каталог, на одной странице может находиться до 20 карточек товаров. Периодически, у некоторых товаров появляется временная, рандомная скидка на 3 часа. Не разом у всех запланированных товаров, а сначала у одного товара, через 15 минут у другого. Как можно организовать такой таймер, одним кодом для всех карточек, чтобы не писать каждому товару отдельно код таймера?
Спасибо.
В разделе каталог, на одной странице может находиться до 20 карточек товаров. Периодически, у некоторых товаров появляется временная, рандомная скидка на 3 часа. Не разом у всех запланированных товаров, а сначала у одного товара, через 15 минут у другого. Как можно организовать такой таймер, одним кодом для всех карточек, чтобы не писать каждому товару отдельно код таймера?
Спасибо.
- Жалоба
12.07.2023 06:43:49 am
Наждак, сделайте каждому товару вывод оставшегося времени, на сервере, скажем отдельным тегом, например:
Как страница полностью будет загружена на компьютер пользователя, при помощи JS пробегайтесь по всем тегом с классом
В цикле (как сказал Scorpion), получайте содержимое тега, то есть остаток времени, можно так:
Используя полученную цифру запускайте свой таймер.
<span class="time">10800</span> <!-- 3 часа -->Как страница полностью будет загружена на компьютер пользователя, при помощи JS пробегайтесь по всем тегом с классом
time:var all_el_time = document.querySelectorAll('.time');В цикле (как сказал Scorpion), получайте содержимое тега, то есть остаток времени, можно так:
var remainder = all_el_time[i].textContent;Используя полученную цифру запускайте свой таймер.
