Enregistrement du minuteur avec stockage local et javascript

Question

Je rencontre un problème en essayant d'utiliser les valeurs de stockage local pour enregistrer un minuteur sur une page Web, naviguer vers une autre page, puis redémarrer le minuteur à partir des valeurs enregistrées en cliquant sur la page initiale.

J'ai les secondes pour travailler, mais j'ai du mal avec les minutes et les heures, je ne sais pas ce que je fais mal.

Je peux entrer les valeurs de minutes et d'heures enregistrées dans la formule, mais comme la formule est mise à jour de manière dynamique chaque seconde, elle ne fonctionne pas correctement.

Toute aide à ce sujet serait vraiment appréciée, merci.

Voici le code:

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> 

Answer 1

La première chose que je voudrais porter à votre avis est que vous essayez d'attribuer minuts à la variable HourTime aussi jeter un oeil à vous initialisation

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

et ci-dessous est le code simple qui stocke et récupère le temps de stockage local

<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 />'); 
} 

Here is JS Fiddle Demo