estoy tratando de hacer que este cronómetro guarde el tiempo que lleva recorrido y lo logré con localstorage, es decir con el código que tengo el cronometro guarda el tiempo cada vez que refresco la pestaña, el problema empieza cuando cierro la pestaña y la dejo cerrada por un tiempo, el cronometro a pesar de haber guardado el tiempo que llevaba en lugar de sumar todo el tiempo que estuvo cerrada la pantalla reanuda el conteo desde donde se habia quedado, es decir que no tendría que cerrar la pestaña si quisiera que la cuenta sea correcta, intenté hacerlo con otro if en la function .onload, pero lo logro hacer que funcione, no me gustaria cambiar mucho la estructura del código, quiza solo ponerle una condición que haga que si el cronometro estaba corriendo cuando se cerro la pantalla reconozca la ultima vez que precioné el boton para reanudarlo o iniciarlo y que trabaje con ese tiempo,
muchas gracias.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<script>
var islog = localStorage.getItem("islog");
var acumularlog = localStorage.getItem("acumularlog");
var control1;
var logInicial = localStorage.getItem("logInicial");
var logResume;
var acumullogResume;
window.onload = function (){
pantalla1 = document.getElementById("crono");
if ((islog == null)||(islog == "Log Out")) {
acumularlog2 = new Date();
acumularlog2.setTime(acumularlog);
cc1 = Math.round(acumularlog2.getMilliseconds()/10);
ss1 = acumularlog2.getSeconds();
mm1 = acumularlog2.getMinutes();
hh1 = acumularlog2.getHours()-18;
if (cc1 < 10) {cc1 = "0"+cc1;}
if (ss1 < 10) {ss1 = "0"+ss1;}
if (mm1 < 10) {mm1 = "0"+mm1;}
if (hh1 < 10) {hh1 = "0"+hh1;}
pantalla1.innerHTML = hh1+" : "+mm1+" : "+ss1;}
else {
start1 ()
}}
function start1 () {
pantalla1 = document.getElementById("crono");
if (islog == null) {
logInicial = new Date();
localStorage.setItem("logInicial", logInicial.getTime());
control1 = setInterval(cronometro1,10);
islog = true;
localStorage.setItem("islog", islog);
document.getElementById("button1").value = "Log Out";}
else if (islog == true) {
clearInterval(control1);
islog = "Log Out";
localStorage.setItem("islog", islog);
document.getElementById("button1").value = "Log In";}
else if (islog = "Log Out"){
logActual2 = new Date() ;
logActual2 = logActual2.getTime();
localStorage.setItem("logActual2", logActual2);
acumullogResume = logActual2 - localStorage.getItem("acumularlog");
logResume = acumullogResume;
logInicial = new Date();
logInicial.setTime(logResume);
control1 = setInterval(cronometro1,10);
islog = true;
localStorage.setItem("islog", islog);
document.getElementById("button1").value = "Log Out";}
}
function cronometro1 () {
logActual = new Date();
acumularlog = logActual - logInicial;
localStorage.setItem("acumularlog", acumularlog);
acumularlog2 = new Date();
acumularlog2.setTime(acumularlog);
cc1 = Math.round(acumularlog2.getMilliseconds()/10);
ss1 = acumularlog2.getSeconds();
mm1 = acumularlog2.getMinutes();
hh1 = acumularlog2.getHours()-18;
if (cc1 < 10) {cc1 = "0"+cc1;}
if (ss1 < 10) {ss1 = "0"+ss1;}
if (mm1 < 10) {mm1 = "0"+mm1;}
if (hh1 < 10) {hh1 = "0"+hh1;}
pantalla1.innerHTML = hh1+" : "+mm1+" : "+ss1;}
</script>
<style>
.crono_wrapper {text-align:center;width:200px;}
</style>
</head>
<body>
<div class="crono_wrapper">
<h2 id='crono'>00 : 00 : 00</h2>
<input type="button" value="Empezar" id="button1" onclick="start1() ">
</div>
</body>
</html>