Как перенести значение секундомера при обновлении или переходе на другую страницу при помощи localStorage?

Question

[Neowaring]

Как сделать, чтобы секундомер при обновлении страницы или переходе на другую не сбрасывался, а продолжал работать от насчитаного значения?
Знаю, что с помощью localStorage можно сохранять значение, но не умею это совмещать.

Вот секундомер:
https://jsfiddle.net/NeowarPlay/r5m09taq/1/

Comments

[Pavel Pikat]

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

Answer 1

[Metaller]

До:
10: const startTime = Date.now();

Заменить и добавить:

10: const startTime = localStorage.getItem('startTime') || Date.now();
11: localStorage.setItem('startTime', startTime);

Comments

[Metaller]

Подумалось, что решение не совсем корректное. Нужно сохранять не точку начала отсчета, а количество прошедших секунд. При текущем коде можно открыть страницу, закрыть, потом вернутся через какое-то время и счетчик будет полным.

[Neowaring]

Metaller, Ну да, я код решения смотрел но не подумал, что если человек зайдет на сайт через час то счетчик будет полный. Большое спасибо за ответ, вопрос решился ))

Answer 2

[hzzzzl]

сохранить начало отсчета таймера в сторадже, потом при загрузке страницы перерасчитывать
https://codepen.io/anon/pen/LwWBNb?editors=1010

Comments

[Neowaring]

Как к коду добавить ?