Countdown in javascript

0

I have the following code which is to make a countdown over a cookie it will be redirected, but it is not printing on the page someone 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();
    
asked by anonymous 24.04.2018 / 20:24

1 answer

1
  

Place an HTML element with id="sessao" in the HTML code of your page examples: <span id="sessao"></span> or <p id="sessao"></p> or <div id="sessao"></div> or finally <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

<scriptlanguage="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>
    
24.04.2018 / 21:15