Добрый вечер. Вопрос по поводу оформление круга обратного отсчёта времени

Question

Добрый вечер. Вопрос по поводу оформление круга обратного отсчёта времени

до дедлайна проекта.
1. Как выставить информацию о кол-ве оставшихся дней внутрь круга?
2. Как можно удобнее всего выделить полоску отсчёта на общем фоне круга?
3. Почему при моём коде у меня длина полоски не соответствует кол-ву оставшихся дней, как исправить это?
https://codepen.io/Ruslan-Kazmiryk/pen/vYbEKoO

PS. извините за возможные недоразумения, просто хочу сделать проект эффектным, и сроки поджимают

#frontend #programming #russian

0

23.10.2023

10 ответов

20 просмотров

🇺🇦 Ruslan Kazmiryk 🇺🇦 Автор вопроса

Maksym vom Internet
Нужен таймер или что ?

по сути да

0

23.10.2023

Maksym vom Internet

https://codepen.io/davidpowell/pen/VaNvgw

0

23.10.2023

🇺🇦 Ruslan Kazmiryk 🇺🇦 Автор вопроса

Maksym vom Internet
https://codepen.io/davidpowell/pen/VaNvgw

там в HTML-код без изменений оставлять, я просто не пойму как вставить свой код, имеется ввиду все данные по определению оставшегося времени, которые принимаются с бек-енда

0

23.10.2023

Maksym vom Internet

🇺🇦 Ruslan Kazmiryk 🇺🇦
там в HTML-код без изменений оставлять, я просто н...

Я не знаю роботаешь ли ты с shopify или Майкрософт повер портал. Но я так понимаю ликвид работает одинаково как сервер рендер. Если у тебя есть переменная просто запиши ее в js. const timeout = {{my_variable}};

0

23.10.2023

🇺🇦 Ruslan Kazmiryk 🇺🇦 Автор вопроса

Maksym vom Internet
Я не знаю роботаешь ли ты с shopify или Майкрософт...

my_variable = deadline?

0

23.10.2023

Maksym vom Internet

🇺🇦 Ruslan Kazmiryk 🇺🇦
my_variable = deadline?

Тики таймера. Но я так понимаю у тебя есть дата начала и дата конца + время сейчас. Тобишь тебе надо расчитать сколько прошло, подвинуть таймер. И потом поставить анимацию с тиками на время которое осталось

0

23.10.2023

🇺🇦 Ruslan Kazmiryk 🇺🇦 Автор вопроса

Maksym vom Internet
Тики таймера. Но я так понимаю у тебя есть дата на...

дата конца и текущее время - вот что у меня есть

0

23.10.2023

Maksym vom Internet

🇺🇦 Ruslan Kazmiryk 🇺🇦
дата конца и текущее время - вот что у меня есть

Тогда юзай гайд выше и посчитай секунды через ликвид. А потом передай эти секунды в js как я писал выше. Должно работать

0

23.10.2023