Как сделать счетчик обратного отсчета (каждые 24 часа), который не будет начинать отсчет заново?

Question

[rmkk]

Хотел бы использовать вот этот счетчик https://codepen.io/doriancami/pen/jEJvaV, но он при перезагрузке страницы всегда перезапускается. У меня страница html, где будет написано, что акция действует до конца дня. Получается, что пользователь должен видеть отсчет до 23:59 (в это время счетчик /по идеи/ должен перезапуститься) и так каждый день. Помогите, пожалуйста, настроить правильно счетчик.

Comments

[rmkk]

Verolomstvo, я имел ввиду, что он не будет начинать отсчет заново при перезагрузке страницы пользователем. Т.е. отсчет перезагружается каждые 24 часа, но сколько страницу не перезагружай, таймер будет продолжать отсчет до 23:59 (здесь он примет значение 0 часов 0 мину 59 секунд)

[anykey_ua]

На вход к калькуляторе нужно передать часы/мин/сек из расчета
24-текущее время (часы) и в итоге он будет писать от текущего
А после 24-х начнет заново

[rmkk]

anykey_ua, а вы не могли бы показать на примере? как это реализовать в коде

[anykey_ua]

Я давно не кодил на HTML, пример для PowerShell :)
$h = Get-Date
$hours = 24 - $h.hour
И потом не цифровой, а переменной $hours отдавать значение, от какого начинать

[Дмитрий Добрышин]

Сохраняй значение счётчика в кукисах. этого достаточно для продолжения отсчёта.

Answer 1

[cheeck8131]

Через backend, сервер должен отослать время до конца акции.

Answer 2

[Fedor Rychkov]

Бэк не обязательно юзать, можно поколдовать с объектом времени в браузере при помощи Date, заюзать библиотеку moment.js, для удобства работы с датами. Как то там считать каждый день до 23:59.