Чистый CSS радиальный таймер с Django

Я знаю, что можно создавать анимацию с таймером в чистом CSS, и я смог заставить 5-минутный радиальный таймер работать в CSS так, как мне бы хотелось.

Я только начинаю работать с Django, и мне интересно, смогу ли я сделать это функциональным для пользователей. Если кто-то посетит мою страницу, сможет ли Django определить время посещения и передать его в CSS-анимацию, чтобы анимация находилась в одной и той же точке прогрессии для всех посетителей? Есть ли способ сделать так, чтобы анимационная прогрессия сохранялась и при обновлении страницы?

Мне очень интересно узнать, есть ли какое-нибудь решение для этого без JavaScript, даже если оно громоздкое.

Да. По вашему мнению, вы могли бы передать контекст в ваш HTML-шаблон, содержащий время отправки запроса. Затем в шаблоне HTML вы можете установить пользовательское свойство CSS с переданным контекстом.


<style>

:root {
  --hour: {{hour}}
  --minute: {{minute}}
  --second: {{second}}
}

</style>

По вашему мнению, для получения часа, минуты и секунды можно использовать datetime.

import datetime
now = datetime.datetime.now()
return render(request, 'page.html', {'hour': now.hour, 'minute': now.minute, 'second': now.second})
Вернуться на верх