3

Desejo saber como implementar hora em meu cronômetro. O cronômetro funciona, porém os minutos passam de 60, preciso que ao passar de 60 minutos exista uma conversão para horas.

   <script>
        // Tempo em segundos
        var credito = 7200 ;
        var tempo = credito;

    function stopTimer() {
        clearTimeout(countdownTimer)
    }

    function floor(x) {
        return x | 0;
    }

    function pad(n) {
        if (n < 0) {
            n = -n;
        }
        if (n < 10) {
            return '0' + n.toString();
        }
        return n.toString(); 
    }
    function segundosPassados() {
        var minutos = pad(floor(tempo/60));
        if (tempo < 0) {
            minutos = '-' + minutos;
        }
        var segundosRestantes = pad(tempo % 60);    

        document.getElementById('countdown').innerHTML = minutos + ":" + 
        segundosRestantes;

        if (tempo > 0) {
             tempo--;
        }
    }
   </script>

2 Respostas 2

4

Podes fazer com a mesma lógica dos minutos em relação aos segundos. Uma sugestão (com algumas mudanças no código):

// Tempo em segundos
var credito = 7200;
var countdownTimer;

function stopTimer() {
  clearTimeout(countdownTimer)
}

function pad(n) {
  return String('0' + n).slice(-2);
}

function segundosPassados(tempo) {
  var minutos = Math.floor(tempo / 60);
  var horas = Math.floor(minutos / 60);
  var segundos = tempo % 60;
  var mostrador = [
    horas, minutos, segundos
  ].map(pad).join(':');


  document.getElementById('countdown').innerHTML = mostrador;

  if (tempo > 0) countdownTimer = setTimeout(() => segundosPassados(tempo - 1), 1000);
}

segundosPassados(credito);
<div id="countdown"></div>

2

Um sugestão usando 2 funções:

var credito = 7200; // tempo em segundos

function contador(t){
    var temps = t, mins, segs;
    var countdownTimer = setInterval(function(){
        hors = parseInt((temps/60)/60);
        mins = parseInt((temps/60)%60);
        segs = parseInt(temps%60);

        mins = mins < 10 ? "0" + mins : mins;
        segs = segs < 10 ? "0" + segs : segs;
        hors = hors < 10 ? "0" + hors : hors;

        document.getElementById("countdown").textContent = hors + ":"+ mins +":"+ segs;

        if(--temps < 0){
            temps = t;
            clearTimeout(countdownTimer);
        }
    }, 1000);
}

contador(credito);
<div id="countdown"></div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .