JavaScript, JQuery.cookie?

Question

[Дмитрий Прозоров]

Всем привет! Нужна ваша помощь. Задача: сделать таймер обратного отсчета с возможностью сохранения времени таймера при переходе по страницам.

$(document).ready(function() {
	
	var seconds=57; //назначаю время таймера
	
	var counter=setInterval(timer, 1000); //интервал 1 секунда
		
	function timer()
	{
		seconds=seconds-1;
				
		if (seconds <= 0)
		{
			clearInterval(counter);
			$(".action").fadeOut("fast"); если ноль, то убрать
			return;
		}

		if (seconds <= 9)
		{
			document.getElementById("seconds1").innerHTML="0" + seconds; //нолик перед цифрой, если меньше 9 и меньше
			return;
		}

		document.getElementById("seconds1").innerHTML=seconds; //добавить в id
	}
});

Таймер работает, всё хорошо.

Теперь я подключаю JQuery.cookie (https://github.com/carhartl/jquery-cookie) и хочу записывать время, оставшееся в таймере в куку, чтобы при переходе на другую страницу считывать из куки число и начинать таймер на новой странице с неё.
Тут у меня начались проблемы с пониманием, как это реализовать.

$(document).ready(function() {
	
	$.cookie("cseconds", 57); 
	
	var seconds=$.cookie("cseconds");
	
	var counter=setInterval(timer, 1000);		
	
	function timer()
	{
		seconds=seconds-1;
				
		if (seconds <= 0)
		{
			clearInterval(counter);
			$(".action").fadeOut("fast");
			return;
		}

		if (seconds <= 9)
		{
			document.getElementById("seconds1").innerHTML="0" + seconds;
			return;
		}

		document.getElementById("seconds1").innerHTML=seconds;
		$.cookie("cseconds", seconds);		
	}
});

Подскажите, как быть?

Answer 1

[iDennis]

используйте локальное хранилище

Answer 2

[vitaliycto]

$(document).ready(function() {
    var cs = $.cookie("cseconds"); 
    var seconds= cs || 57; 
var counter=setInterval(timer, 1000);		
	
	function timer()
	{
		seconds=seconds-1;
		$.cookie("cseconds", seconds);		
				
		if (seconds <= 0)
		{
			clearInterval(counter);
			$(".action").fadeOut("fast");
			return;
		}

		if (seconds <= 9)
		{
			document.getElementById("seconds1").innerHTML="0" + seconds;
			return;
		}

		document.getElementById("seconds1").innerHTML=seconds;
	}


}