使用本地存储和javascript保存计时器

我在尝试使用本地存储值在网页上保存计时器时遇到问题，请导航到另一页，然后从单击初始页保存的值再次启动计时器

我有几秒钟的时间去工作，但却在分秒必争中挣扎，不知道自己做错了什么

我可以将保存的分钟和小时值输入到公式中，但由于公式每秒都会动态更新，因此无法正常工作

在此方面的任何帮助都将不胜感激，谢谢

代码如下：

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>

var secondtime=localStorage.getItem（“秒”）；
var minutetime=localStorage.getItem（“分钟”）；
var hourtime=localStorage.getItem（“分钟”）；
var sec=localStorage.getItem（“秒”）；
setInterval（函数（）{
document.getElementById（“text”）.innerHTML；
document.getElementById（“秒”）.innerHTML=pad（++秒%60）；
document.getElementById（“分钟”）.innerHTML=pad（parseInt（sec/60,10））；
document.getElementById（“hours”）.innerHTML=pad（parseInt（sec/6000,10））；
}, 1000);
函数SaveTime（）{
localStorage.setItem（“秒”，$（“#秒”）.text（）
localStorage.setItem（“分钟数”，$（“#分钟数”）.text（）
localStorage.setItem（“小时数”，$（“#小时数”）.text（）
}
$（文档）.ready（函数（e）{
$（“#秒”）.text（第二次）；
$（“#分钟”）.text（分钟时间）；
$（“小时”）.text（小时）；
00
00
00
onclick=“SaveTime（））

我想提醒您的第一件事是，您也在尝试将分钟数分配给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 />');
}

|
函数SaveTime（）{
变量日期=新日期（）；
var timeObj={sec:date.getSeconds（），min:date.getMinutes（），hr:date.getHours（）}；
setItem（“timeObj”，JSON.stringify（timeObj））；
$（'#result'）.append（JSON.stringify（timeObj）+'-->Saved
）；
}
函数retrieveTime（）{
var timeObj=JSON.parse（localStorage.getItem（“timeObj”）；
//你现在有时间了
$（“#结果”）.append（timeObj.hr+”：“+timeObj.min+”：“+timeObj.sec+”-->检索到
）；
}

---

重新仔细阅读：var hourtime=localStorage.getItem（“分钟”）；-）