Как настроить таймер обратного отсчета?

Question

[Владимир Новицкий]

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

Подскажите, пожалуйста, как это можно реализовать?

Answer 1

[Дмитрий]

ставите куку например время сейчас + 60 секунд

var date = new Date( new Date().getTime() + 60*1000 );
document.cookie="name=date; path=/; expires="+date.toUTCString();

и строите свой код исходя из того сколько осталось до времени в куке :)
кокретно для вашего примера:
1) в самом начале скрипта проверяем куку, если ее нет ставим.
2) потом вычисляем разницу между датой сейчас и датой в куке.
3) подставляем эту разницу в html код по умолчанию
4) дальше ваш обычный код

Comments

[Владимир Новицкий]

Спасибо большое за развернутый ответ.
Но я в JS не смыслю ничего. Если не сложно, можно расписать конкретнее:
1) В самом начале, это сразу после $(function() { ? И вставлять, я так понимаю, надо те две строчки, которые вы написали? Только там секунды, а мне надо еще и минуты, и часы, и дни.
2) С разницей вроде понятно. На сколько я хочу поставить таймер, такова и разница. Допустим, как в примере: 2 дня 5 часов 40 минут 15 секунд.
3) Это тоже понятно.
4) И это вроде ясно.

Буду благодарен за помощь.

[h8nor]

@Novitsky 1 день = 24 * 60 * 60 = 86 400 сек

[Владимир Новицкий]

Сделал вот так: codepen.io/Novitsky/pen/nHDxr
Не помогло.