Как доделать счетчик обратного отсчета?

Question

[Сергей Кравченко]

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

во тут можно посмотреть на код codepen.io/Vinnica/pen/zKNpYa

кто знает как такое можно исправить?

Comments

[Сергей Кравченко]

Прошу прощение, может я не правильно описал суть проблемы. Она заключается в том что нужен счетчик не к определенной дате, а на пример каждые 2 часа чтобы он перезапускался. и чтобы на него не влияло перезагрузка страницы. Т.е. чтобы он вел себе отчет времени не смотря на то кто зашел на сайт и когда он туда заходил

Answer 1

[Антон Иванов]

Вам нужно хранить время в localStorage например. Т.е. как секунда прошла - обновляем данные в localStorage. При загрузка страницы смотрим в localStorage: если там данные есть - берем время оттуда, если нет - стартуем счётчик заново. Доходчиво?

Answer 2

[Владимир]

Суть задачи непонятна, поэтому и лишние усложнения.
1) Если вы считаете время до определенного события, то сделайте переменную с датой этого события и тогда у вас будет считаться время до этой даты.
2) Если вы просто хотите сделать счетчик, который будет считать 30 дней со времени первого посещения сайта , используйте localStorage. Но если пользователь очистит кеш или зайдет в режиме инкогнито, счетчик перезапустится.

Для начала определитесь с задачей.

Comments

[Сергей Кравченко]

Прошу прощение, может я не правильно описал суть проблемы. Она заключается в том что нужен счетчик не к определенной дате, а на пример каждые 2 часа чтобы он перезапускался. и чтобы на него не влияло перезагрузка страницы. Т.е. чтобы он вел себе отчет времени не смотря на то кто зашел на сайт и когда он туда заходил

[Владимир]

Сергей Кравченко: Вот эта фраза "не смотря на то кто зашел на сайт " подрузамевает наличие бекенда.

[Андрей Верх]

Каждые 2 часа это и есть по сути "к определённой дате"...достаточно просто точку отсчёта знать и не нужны куки будут

[Kovalsky]

Андрей Верх: собственно да, как раз хотел сказать что если оп правильно описал чо ему надо, ни бекенд, ни сейвы на клиенте не нужны будут.

[Владимир]

Андрей Верх: Ну если просто, каждые два часа, то да, достаточно расчитать массив переменных типа Date и тупо сравнивать, тогда ни куки ни локал стораж ни бек не нужны

Answer 3

[Maxim Nepritimov]

При инициализации страницы, брать с базы нужные данные: допустим, id счетчика, дату начала и дату конца.
После инициализации, на фронтенде запускать модуль со счетчиком. При окончании таймера, отправлять ajax-запрос для удаления счетчика.

Comments

[Владимир]

Называется - оверинжиниринг.

[Maxim Nepritimov]

Владимир: все может быть, но задача будет решена. И ни очищение кук, ни очищение LS, ни перезагрузка страницы не сломают счетчик.