Таймер сохранения с локальным хранилищем и JavaScript

Question

Таймер сохранения с локальным хранилищем и JavaScript

0

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

У меня есть секунда, чтобы работать, но борется с минут и часов, не уверен, что я делаю неправильно.

Я могу ввести сохраненные значения минут и часов в формулу, но так как эта формула динамически обновляется каждую секунду, она работает неправильно.

Любая помощь по этому поводу будет действительно оценена, спасибо.

Вот код:

var secondtime = localStorage.getItem("Seconds");
var minutetime = localStorage.getItem("Minutes");
var hourtime = localStorage.getItem("Minutes");
var sec = localStorage.getItem("Seconds");

setInterval( function(){

document.getElementById("text").innerHTML;
document.getElementById("seconds").innerHTML=pad(++sec%60);
document.getElementById("minutes").innerHTML=pad(parseInt(sec/60,10));
document.getElementById("hours").innerHTML=pad(parseInt(sec/6000,10));
}, 1000);

function SaveTime() {
    localStorage.setItem("Seconds", $("#seconds").text())
    localStorage.setItem("Minutes", $("#minutes").text())
    localStorage.setItem("Hours", $("#hours").text())
}

$(document).ready(function(e) {
$("#seconds").text(secondtime);
$("#minutes").text(minutetime);
$("hours").text(hourtime);

<div class="Bottom_Bar">

<p class="c1" id="seconds_text"><span id="seconds">00</span></p>

<p class="c1" id="minutes_text"><span id="minutes">00</span></p>

<p class="c1" id="hours_text"><span id="hours">00</span></p>

<div class="Button">
 <a href="NextPage.html"> onclick="SaveTime()</div>

user3580899 28 апр. 2014, в 12:35

Источник

0

перечитайте внимательно: var hourtime = localStorage.getItem ("Минуты"); ;-)
GameAlchemist 28 апр. 2014, в 10:44

Теги:

javascript

html

timer

storage

local

1 ответ

Ещё вопросы

перечитайте внимательно: var hourtime = localStorage.getItem ("Минуты"); ;-)

Juno · Answer 1 · 2014-04-28T09-25-00.000Z

Первое, что я хотел бы довести до вашего сведения, это то, что вы пытаетесь присвоить minuts переменной hourTime, тоже взгляните на вашу инициализацию

var hourtime = localStorage.getItem("Minutes");

Ниже приведен простой код, который хранит и извлекает время из локального хранилища

<a href="#" onclick="SaveTime()">Save Current Time</a> | 
<a href="#" onclick="retrieveTime()">Retrieve Saved Time</a>

<div id="result"></div>

function SaveTime(){
    var date = new Date();
    var timeObj = { sec:date.getSeconds(), min:date.getMinutes(), hr:date.getHours() };
    localStorage.setItem("timeObj", JSON.stringify(timeObj));
    $('#result').append(JSON.stringify(timeObj)+' -- > Saved<br />' );
}

function retrieveTime(){
    var timeObj = JSON.parse(localStorage.getItem("timeObj"));
    //You have the time with you now
    $('#result').append(timeObj.hr+':'+timeObj.min+':'+timeObj.sec+' --> Retrieved<br />');
}

Вот демонстрация JS Fiddle