Javascript 如何在不重置页面刷新的情况下使用天:分钟:秒来创建HTML计数计时器?

Javascript 如何在不重置页面刷新的情况下使用天:分钟:秒来创建HTML计数计时器?,javascript,html,Javascript,Html,我只有这个代码,我想用一种, 在我刷新页面后,它不会重置其计时,并且所有用户都会看到相同的计数计时器,而不会在页面刷新时重置计时器。有人能帮忙吗( 00:00 var minutesLabel=document.getElementById(“分钟”); var secondsLabel=document.getElementById(“秒”); var totalSeconds=0; 设置间隔(设置时间,1000); 函数setTime(){ ++总秒数; secondsLabel.inner

我只有这个代码,我想用一种, 在我刷新页面后,它不会重置其计时,并且所有用户都会看到相同的计数计时器,而不会在页面刷新时重置计时器。有人能帮忙吗(

00:00
var minutesLabel=document.getElementById(“分钟”);
var secondsLabel=document.getElementById(“秒”);
var totalSeconds=0;
设置间隔(设置时间,1000);
函数setTime(){
++总秒数;
secondsLabel.innerHTML=pad(总秒数%60);
minutesLabel.innerHTML=pad(parseInt(totalSeconds/60));
}
功能板(val){
var valString=val+“”;
如果(valString.length<2){
返回“0”+valString;
}否则{
返回valString;
}
}

使用浏览器的本地存储对代码进行一个小的修改怎么样

var minutesLabel = document.getElementById("minutes");
var secondsLabel = document.getElementById("seconds");

// Retrieve the time. If time hasn't been saved it will return null and Number(null) ==> 0
var totalSeconds = Number(window.localStorage.getItem('totalSeconds'));

setInterval(setTime, 1000);

function setTime()
{
    //Save the time
    window.localStorage.setItem('totalSeconds', ++totalSeconds);

    secondsLabel.innerHTML = pad(totalSeconds%60);
    minutesLabel.innerHTML = pad(parseInt(totalSeconds/60));
}

function pad(val)
{
    var valString = val + "";
    if(valString.length < 2)
    {
        return "0" + valString;
    }
    else
    {
        return valString;
    }
}
var minutesLabel=document.getElementById(“分钟”);
var secondsLabel=document.getElementById(“秒”);
//检索时间。如果未保存时间,它将返回null和Number(null)==>0
var totalSeconds=Number(window.localStorage.getItem('totalSeconds');
设置间隔(设置时间,1000);
函数setTime()
{
//节省时间
window.localStorage.setItem('totalSeconds',++totalSeconds);
secondsLabel.innerHTML=pad(总秒数%60);
minutesLabel.innerHTML=pad(parseInt(totalSeconds/60));
}
功能板(val)
{
var valString=val+“”;
如果(valString.length<2)
{
返回“0”+valString;
}
其他的
{
返回valString;
}
}

一些想法:cookie-将变量保存在cookie中。然后您可以保存所有内容,并在刷新时调用它。数据库-这可能会很费时费力,但请将内容保存到数据库中(不推荐).Good ol'text file-不断写入文件时间,并在页面加载时从中读取。等等,这似乎很简单:设置服务器提供的过期时间。然后每个人都同步到相同的过期时间,页面刷新不重要。我是否遗漏了什么?
var minutesLabel = document.getElementById("minutes");
var secondsLabel = document.getElementById("seconds");

// Retrieve the time. If time hasn't been saved it will return null and Number(null) ==> 0
var totalSeconds = Number(window.localStorage.getItem('totalSeconds'));

setInterval(setTime, 1000);

function setTime()
{
    //Save the time
    window.localStorage.setItem('totalSeconds', ++totalSeconds);

    secondsLabel.innerHTML = pad(totalSeconds%60);
    minutesLabel.innerHTML = pad(parseInt(totalSeconds/60));
}

function pad(val)
{
    var valString = val + "";
    if(valString.length < 2)
    {
        return "0" + valString;
    }
    else
    {
        return valString;
    }
}