Size: a a a

WordPress Ukraine Community

2020 June 10

EV

Eugene Vandar in WordPress Ukraine Community
Roman Misiura
якийсь слайдер галімий походу)
ну такое ))
источник

RM

Roman Misiura in WordPress Ukraine Community
1. Робиш скрипт для каунтера чисто (тобто функцію)
2. Для всіх каунтерів можеш задати один і той самий клас ( для ініціалізації того каунтера )
3. На головий дів (на який будеш ініціалізувати каунтер ) можна додати дата атрибути - типу “коли має той каунтер закінчитися”
4. Проходимося циклом по класам каунетар + викликаємо функцію того каунтера (по суті в який ти передаєш об’єкт\ід\$(this)
источник

RM

Roman Misiura in WordPress Ukraine Community
т.е. я б зробив собі перше якийсь простий шаблон для каунтера (де виводяться години\хвилини\дні\секунди і тд) - там можна свої класи навішати. Але міняти дані чисто вже через батьківський селектор\ідентифікатор
источник

RM

Roman Misiura in WordPress Ukraine Community
аля
.counter
.counter__days
.counter__hours
.counter__minutes
.counter__seconds
источник

EV

Eugene Vandar in WordPress Ukraine Community
Roman Misiura
1. Робиш скрипт для каунтера чисто (тобто функцію)
2. Для всіх каунтерів можеш задати один і той самий клас ( для ініціалізації того каунтера )
3. На головий дів (на який будеш ініціалізувати каунтер ) можна додати дата атрибути - типу “коли має той каунтер закінчитися”
4. Проходимося циклом по класам каунетар + викликаємо функцію того каунтера (по суті в який ти передаєш об’єкт\ід\$(this)
сейчас переварю и попробую

я пробовал через for свой код пропустить, но запутался
источник

RM

Roman Misiura in WordPress Ukraine Community
для ініціалізації мав би юзатися .counter - а дані всередині вже міняєш через наслідування
источник

EV

Eugene Vandar in WordPress Ukraine Community
Andrey Berezhnoy
document.querySelectorAll('[id*=clockdiv]')

как-то так
Я так получил массив с ID
NodeList(5) [div#clockdiv, div#clockdiv2, div#clockdiv3, div#clockdiv4, div#clockdiv5]

И кстати, так легче пересчитать кол-во слайдов

document.querySelectorAll('[id*=clockdiv]').length;
источник

AB

Andrey Berezhnoy in WordPress Ukraine Community
Eugene Vandar
Я так получил массив с ID
NodeList(5) [div#clockdiv, div#clockdiv2, div#clockdiv3, div#clockdiv4, div#clockdiv5]

И кстати, так легче пересчитать кол-во слайдов

document.querySelectorAll('[id*=clockdiv]').length;
ну ты получил массив элементов
источник

EV

Eugene Vandar in WordPress Ukraine Community
Теперь как я понимаю, осталось перебрать массив и подставить по очереди ID
источник

EV

Eugene Vandar in WordPress Ukraine Community
кстати, а в массиве 'div#clockdiv'
как его преобразовать в 'clockdiv' ?
потому что дальше я делаю getElementById('')
источник

RM

Roman Misiura in WordPress Ukraine Community
короч
источник

RM

Roman Misiura in WordPress Ukraine Community
не претендую на рішення
источник

RM

Roman Misiura in WordPress Ukraine Community
але ось
источник

RM

Roman Misiura in WordPress Ukraine Community
источник

RM

Roman Misiura in WordPress Ukraine Community
нуліки при менше 10 в числах то можна і самому дописати + експайрд обробку
источник

RM

Roman Misiura in WordPress Ukraine Community
канєш можна краще зробити\написати, але на “колєнкє” і для пояснення як працює то сойдбот
источник

PS

Perepelytsa Stas in WordPress Ukraine Community
и теперь это всё в слик слайдер и будет конхфета
источник

RM

Roman Misiura in WordPress Ukraine Community
та там рефакторити ше і рефакторити
источник

PS

Perepelytsa Stas in WordPress Ukraine Community
)))
источник

RM

Roman Misiura in WordPress Ukraine Community
але основний посил простий - в тебе є “шаблон” в якому дані, на кожеш “шаблон” при проходженні циклу вішається інтервал 1 секунда обрахунку дат
источник