Как подключить запоминание на куках

[Skaiman]

Html5 аудио с кнопкой пуск/пауза

<div class="svg-clock">   
   <audio id="svg_clock" autoplay loop>
		<source src="sound/clock.ogg" type="audio/ogg" >
		<source src="sound/clock.mp3" type="audio/mp3" >
		Ваш браузер не пожжерживает тег audio!
	</audio>
	<div id="svgtmpButton" class="pause" onclick="clockAudio()"></div>
</div>

Скрипт кнопки

var svg_clock = document.getElementById('svg_clock');
 
function clockAudio() {
	if (svg_clock.paused) {
		svg_clock.play();
		svgtmpButton.className = "";
		svgtmpButton.className = "pause";
	} else { 
		svg_clock.pause();
		svgtmpButton.className = "";
		svgtmpButton.className = "play";
	}
}

Стиль

.svg-clock #svgtmpButton {
	height: 20px; 
	width: 20px;
	border: none;
}
.svg-clock .play:before, 
.svg-clock .pause:before { 
 	font-family: 'FontAwesome';
	font-size: 20px;
	cursor: pointer;  	
}
.svg-clock .play:before {
	content: "\f026";
	color: #f44336;
}
.svg-clock .pause:before {
	content: "\f028";
	color: #4CAF50;
}

Как сделать запоминание пуска и паузы на куках?

[Skaiman]

У тебя play и pause, а не звук...

Да ну не так выразился значит запоминания срабатывания пуск/пауза

[Skaiman]

Skaiman, и как это должно быть по твоему опиши на примере... есть подозрение что ты опять не так выразился...

Ну как это сделано для часов, заходишь на сайт они идут и тикают, нажал паузу, перестали тикать, перезагрузил страницу, они на паузе, идут но не тикают, для этого и куки надо подключить

[рони]

Skaiman,
localStorage.getItem

[Skaiman]

Спасиб конечно, но если бы все так просто было с моими знаниями в javascript, то я б и не спрашивал. Мне надо конкретно для моего примера

[рони]

Skaiman,

<div class="svg-clock">
  <audio id="svg_clock" autoplay loop>
    <source src="clock.ogg" type="audio/ogg" >
    <source src="clock.mp3" type="audio/mp3" >
    Ваш браузер не пожжерживает тег audio!
  </audio>
  <div id="svgtmpButton" class="play" ></div>
</div>



<script>
var svgtmpButton = document.getElementById("svgtmpButton"),
    pause = localStorage.getItem("pause"),
    svg_clock = document.getElementById("svg_clock");

function clockAudio() {
    pause = svg_clock.paused;
    svgtmpButton.classList.toggle("pause");
    svgtmpButton.classList.toggle("play");
    pause ? svg_clock.play() : svg_clock.pause();
    localStorage.setItem("pause", svg_clock.paused ? "pause" : "")
}
if (pause == "pause") {
    svgtmpButton.classList.add("pause");
    svgtmpButton.classList.remove("play");
    svg_clock.pause()
}
svgtmpButton.addEventListener("click", clockAudio);
</script>

[Skaiman]

Большое спасибо