-1

Gostaria de saber se alguém pode me ajudar a criar um temporizador, um contador no código já existente. Está como tempo 600, mas gostaria de criar o tempo que ficasse como 10:00, sendo minutos e segundos.

<html lang="br">
    <head>
        <title>Contador com barra de progresso</title>
        <meta charset="utf-8">
        <style>
            .barra-progresso{width: 406px;height: 24px;background-color: #bbb;border-radius: 13px;padding: 3px;margin: 50px auto;}
            .porcentagem{width: 100%;height: 24px;border-radius: 10px;background-color: dodgerblue;}
        </style>
        <script>
            var g_iCount = new Number();
            var g_iCount = 600+1;

            function contagem(){
                var prg = document.getElementById('progresso-da-barra');
                   if((g_iCount - 1) >= 0){

                            g_iCount = g_iCount - 1;

                            mostracontagem.innerText =  g_iCount;

                            tempo_restante = g_iCount / 6;
                            prg.style.width = tempo_restante + '%';
                            setTimeout('contagem()',1000);
                   }
            }
        </script>
    </head>
    <body onload="contagem();">
        <div class="barra-progresso">
            <div class="porcentagem" id="progresso-da-barra"></div>
            <div id="mostracontagem"><div>
        </div>
    </body>
</html>     
2
  • a pergunta não ficou clara, 10:00 como? em minutos e horas?
    – 13dev
    14/08/2018 às 11:44
  • minutos e segundos. 14/08/2018 às 12:18

1 Resposta 1

-1

Tenta seguir este modelo e adaptar para seu código:

function contagem() {
  timer = 600;
  return function() {
    var minutos,
        segundos;

    minutos = Math.floor(timer/60);
    segundos = timer%60 <= 9 ? '0' + timer%60 : timer%60;
    document.getElementById('mostracontagem').innerHTML = minutos + ':' + segundos;
    timer--;
    if(timer < 0) clearInterval(comeca);
  }
}

var start = contagem()
var comeca = setInterval(start, 1000);

Me avise se deu certo ou o que deu errado.

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