Как сделать такой таймер?

Question

[Artem Fl]

В общем задача такая.
Есть страница.На ней к примеру 3 кнопки, нужно сделать так чтоы 1 кнопку моно было нажимать с интервалов в 5 минут например. Но сделать просто таймер на странице не катит, надо чтобы при оновлении страницы не сбивалось а считал дальше таймер.
Т.е загрузили страницу, нажали изначально 1 кнопку, затем надо ждать 7 минут, и если страницу обновить то надо ждать дальше 7 минута, а не заново можно нажать другую кнопку. Ну чтото в этом роде.
Догадываюсь что надо куки использовать, но не могли бы менянатолкнут в правильном направлении?

Answer 1

[Cyrilca]

Написал по быстрому, не самое красивое решение, но работает
https://jsfiddle.net/jt51m4fu/1/

Comments

[Artem Fl]

спасибо, что-то такое нужно, главное понять как он работает.
У меня например третья кнопка не делается активной никак)

[Cyrilca]

artyom_jeman: Чучуть не правильно сделал. В enableButtons вместо else if поставьте if и будет работать :)

[Artem Fl]

Cyrilca: спасибо, я разобрался))

[Artem Fl]

Cyrilca: а сделать чтобы кнопки не по очереди открывались, а при отчете таймера открываются все кнопки, пользователь любую нажимает и они блокируются.
Цена вопроса?

Answer 2

[ThunderCat]

Даже с использованием куки будет весьма среднее приближение к "ровному" значению.
Писать время начала скрипта в куку, при обновлении странички вычислять остаток времени до времени нажатия кнопки + 7 минут. По истечении времени записать переменную "таймер 1 отработал".