​

var intervalo;

var s = 1;

var m = 0;

var h = 0;

​

​

function contagem() {

  intervalo = window.setInterval(function() {

        if (s == 60) { m++; s = 0; }

        if (m == 60) { h++; s = 0; m = 0; }

        if (h < 10) document.getElementById("hora").innerHTML = "0" + h + "h"; else document.getElementById("hora").innerHTML = h + "h";

        if (s < 10) document.getElementById("segundo").innerHTML = "0" + s + "s"; else document.getElementById("segundo").innerHTML = s + "s";

        if (m < 10) document.getElementById("minuto").innerHTML = "0" + m + "m"; else document.getElementById("minuto").innerHTML = m + "m";        

        s++;

        localStorage.setItem('contagem', JSON.stringify({hora:h,minuto:m,segundo:s}));

    },1000);

}

​

function tempo(op) {

    if (op == 1) {

        document.getElementById('parar').style.display = "block";

        document.getElementById('comeca').style.display = "none";

    }

    checkTimeOnStorage()

}

​

function checkTimeOnStorage() {

  if(!localStorage.getItem('contagem')) {

    contagem();

    localStorage.setItem('contagem', JSON.stringify({hora:h,minuto:m,segundo:s}));

  }

  const storage = JSON.parse(localStorage.getItem('contagem'));

  s = storage.segundo;

  m = storage.minuto;

  h = storage.hora;

  contagem();

  // localStorage.setItem('contagem', 'opagente'+h+m+s);

}

​

function parar() {

    window.clearInterval(intervalo);

    document.getElementById('parar').style.display = "none";

    document.getElementById('comeca').style.display = "block";

}

​

function reseta() {

  window.clearInterval(intervalo);

  s = 1;

  m = 0;

  h = 0;

  localStorage.removeItem('contagem');

  tempo(1);

}

​

window.onload=tempo(1);

​