Javascript countdown

Asked

Viewed 1,764 times

-1

I am with the following code that is to make a Countdown on top of a cookie it will be redirected, but it is not printing on the page anyone can help me

var tempo = new Number();
  // Tempo em segundos
  tempo = 300;

  function startCountdown(){

    // Se o tempo não for zerado
    if((tempo - 1) >= 0){

      // Pega a parte inteira dos minutos
      var min = parseInt(tempo/60);
      // Calcula os segundos restantes
      var seg = tempo%60;

      // Formata o número menor que dez, ex: 08, 07, ...
      if(min < 10){
        min = "0"+min;
        min = min.substr(0, 2);
      }
      if(seg <=9){
        seg = "0"+seg;
      }

      // Cria a variável para formatar no estilo hora/cronômetro
      horaImprimivel = '00:' + min + ':' + seg;
      //JQuery pra setar o valor
      $("#sessao").html(horaImprimivel);

      // Define que a função será executada novamente em 1000ms = 1 segundo
      setTimeout('startCountdown()',1000);

      // diminui o tempo
      tempo--;

      // Quando o contador chegar a zero faz esta ação
    } else {
      window.open('../controllers/logout.php', '_self');
    }

  }

  // Chama a função ao carregar a tela
  startCountdown();
javascript javascript-events

  • Talk partner beauty? better specify your question, got a little confused

  • https://codepen.io/anon/pen/mLPzRR

  • Be more specific with your question, and what is your ultimate goal?

  • place <span id="sessao"></span> in the page’s HTML or <p id="sessao"></p> or <div id="sessao"></div> or finally <elementHTML id="sessao"></elementoHTML>

  • If any answer solves your problem mark it as accepted. See how at https://pt.meta.stackoverflow.com/questions/1078/como-e-por-que-aceitar-uma-resposta/6985#6985

1 answer

1

place an HTML element with the id="sessao" in the HTML code of your examples page: <span id="sessao"></span> or <p id="sessao"></p> or <div id="sessao"></div> or at last <elementoHTML id="sessao"></elementoHTML>

The Library is required

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Script

<script language="javascript">
var tempo = new Number();
  // Tempo em segundos
  tempo = 300;

  function startCountdown(){

    // Se o tempo não for zerado
    if((tempo - 1) >= 0){

      // Pega a parte inteira dos minutos
      var min = parseInt(tempo/60);
      // Calcula os segundos restantes
      var seg = tempo%60;

      // Formata o número menor que dez, ex: 08, 07, ...
      if(min < 10){
        min = "0"+min;
        min = min.substr(0, 2);
      }
      if(seg <=9){
        seg = "0"+seg;
      }

      // Cria a variável para formatar no estilo hora/cronômetro
      horaImprimivel = '00:' + min + ':' + seg;
      //JQuery pra setar o valor
      $("#sessao").html(horaImprimivel);

      // Define que a função será executada novamente em 1000ms = 1 segundo
      setTimeout('startCountdown()',1000);

      // diminui o tempo
      tempo--;

      // Quando o contador chegar a zero faz esta ação
    } else {
      window.open('../controllers/logout.php', '_self');
    }

  }

  // Chama a função ao carregar a tela
  startCountdown();
</script>

HTML

 <html>
 ......
 ......
 <body>
  ......
  ......
  <span id="sessao"></span>
  ......
  ......
 </body>
 </html>

Browser other questions tagged javascript javascript-events

You are not signed in. Login or sign up in order to post.