gracias a la ayuda de algunos en el foro logré modificar un poco este cronometro, cuando esta avanzando y refresco la pagina al recargar sigue la cuenta donde se quedó y si está parado al refrescar la pagina se popula de vuelta el tiempo donde se quedó, pero cuando cierro la pagína y la dejo cerrada por un rato la cuenta no sigue sino hasta que abro de nuevo la pagina, si el cronometro está "activo" hay una manera de que siga contando aunque la pestaña esté cerrada? el código es el siguiente, agregué un eventListener para que ejecute la misma funcion antes de cerrar la pestaña que cuando se recarga, hasta ahora lo único que hace es guardar el dato cuando cierro la pestaña solo cuenta hasta que la vuelvo a abrir.
<!DOCTYPE html>
<html>
<head>
<script>
var h, m, s;
var runT;
var islog;
window.addEventListener("onbeforeunload", function() {
if (localStorage.getItem("sT") === null) {
s=0;
}
else{
s= localStorage.getItem('sT');
}
if (localStorage.getItem("mT") === null) {
m=0;
}
else{
m= localStorage.getItem('mT');
}
if (localStorage.getItem("hT") === null) {
h=0;
}
else{
h= localStorage.getItem('hT');
}
if (localStorage.getItem("islog") === null) {
writeT();
}
else {
startT2();
}
document.getElementsByTagName("input")[1].value="Reset";
} );
window.onload = function() {
if (localStorage.getItem("sT") === null) {
s=0;
}
else{
s= localStorage.getItem('sT');
}
if (localStorage.getItem("mT") === null) {
m=0;
}
else{
m= localStorage.getItem('mT');
}
if (localStorage.getItem("hT") === null) {
h=0;
}
else{
h= localStorage.getItem('hT');
}
if (localStorage.getItem("islog") === null) {
writeT();
}
else {
startT2();
}
document.getElementsByTagName("input")[1].value="Reset";
}
function startT() {
document.getElementsByTagName("input")[0].setAttribute("onclick",
"pauseT()");
islog = true;
localStorage.setItem("islog",islog);
runT = setInterval(countT, 1000);
}
function startT2() {
document.getElementsByTagName("input")[0].setAttribute("onclick",
"pauseT()");
runT = setInterval(countT, 1000);
}
function countT() {
s++;
writeT();
}
function pauseT() {
clearInterval(runT);
document.getElementsByTagName("input")[0].setAttribute("onclick",
"startT()");
localStorage.removeItem("islog");
}
function resetT() {
clearInterval(runT);
document.getElementsByTagName("input")[0].setAttribute("onclick",
"startT()");
localStorage.removeItem("islog");
localStorage.removeItem("sT");
localStorage.removeItem("mT");
localStorage.removeItem("hT");
document.getElementsByTagName("input")[0].value="00:00:00";
s=0;m=0;h=0;
}
function writeT() {
var hAux, mAux, sAux;
if (s>59){m++;s=0;}
if (m>59){h++;m=0;}
if (h>24){h=0;}
if (s<10){sAux="0"+s;}else{sAux=s;}
if (m<10){mAux="0"+m;}else{mAux=m;}
if (h<10){hAux="0"+h;}else{hAux=h;}
document.getElementsByTagName("input")[0].value = hAux + ":" + mAux + ":" + sAux;
localStorage.setItem('sT', s);
localStorage.setItem('mT', m);
localStorage.setItem('hT', h);
}
</script>
</head>
<body>
<input type="button" onclick="startT()" >
<input type="button" onclick="resetT()" >
</body>
</html>