3

Eu copiei uma function da W3Schools pra criar um Cronometro regressivo. Porém a data final vai ser passada dinâmicamente, no caso, a data final seria 09/06/2018

Minha dúvida é como passar a data final de uma forma que função new Data().getTime(); faça a conversão corretamente.

No momento está me retornando assim: inserir a descrição da imagem aqui

A função que chama:

 $.get("/Home/ConsultarCicloData", null, function (data) {
                if (data != null && data != undefined) {
                    var objeto = JSON.parse(data);
                    $('#lblCiclo').text(objeto.ciclo);
                    $('#lblData').text(objeto.dataIni)
                    $('#lblDataFim').text(objeto.dataFim);

                    Cronometro(objeto.dataFim, objeto.ciclo);
                }
            });

segue codigo, lembrando que o valor de dtFinal é 09/06/2018

 function Cronometro(dtFinal, ciclo) {
            var d, m, a;
            var dtF = dtFinal.replace("/", " ").replace("/", " ");
            dtF = dtF.split(" ");
            d = dtF[0];
            m = dtF[1];
            a = dtF[2];
            var countDownDate = new Date(a,m,d).getTime();

            // Update the count down every 1 second
            var x = setInterval(function () {

                // Get todays date and time
                var now = new Date().getTime();

                // Find the distance between now an the count down date
                var distance = countDownDate - now;

                // Time calculations for days, hours, minutes and seconds
                var days = Math.floor(distance / (1000 * 60 * 60 * 24));
                var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                var seconds = Math.floor((distance % (1000 * 60)) / 1000);

                // Output the result in an element with id="demo"

                document.getElementById("demo").innerHTML = "Faltam " + days + " Dias " + hours + " Horas "
                    + minutes + " Minutos para o fechamento da Semana " + ciclo;

                //If the count down is over, write some text 
                if (distance < 0) {
                    clearInterval(x);
                    document.getElementById("demo").innerHTML = "";
                }
            }, 1000);

        }
2
  • como vc está chamando a função?
    – Sam
    Commented 9/06/2018 às 17:54
  • editei a pergunta Commented 9/06/2018 às 17:58

1 Resposta 1

1

O problema de NaN em navegadores Edge e Safari foi corrigido nesta pergunta relacionada.

Altere o new Date() para o padrão:

var countDownDate = new Date(m+" "+d+","+a).getTime();

Exemplo:

function Cronometro(dtFinal, ciclo) {
   var d, m, a;
   var dtF = dtFinal.replace("/", " ").replace("/", " ");
   dtF = dtF.split(" ");
   d = dtF[0];
   m = dtF[1];
   a = dtF[2];
   var countDownDate = new Date(m+" "+d+","+a).getTime();

   // Update the count down every 1 second
   var x = setInterval(function () {

       // Get todays date and time
       var now = new Date().getTime();

       // Find the distance between now an the count down date
       var distance = countDownDate - now;

       // Time calculations for days, hours, minutes and seconds
       var days = Math.floor(distance / (1000 * 60 * 60 * 24));
       var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
       var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
       var seconds = Math.floor((distance % (1000 * 60)) / 1000);

       // Output the result in an element with id="demo"

       document.getElementById("demo").innerHTML = "Faltam " + days + " Dias " + hours + " Horas "
           + minutes + " Minutos para o fechamento da Semana " + ciclo;

       //If the count down is over, write some text 
       if (distance < 0) {
           clearInterval(x);
           document.getElementById("demo").innerHTML = "";
       }
   }, 1000);

}
        
Cronometro("10/06/2018", "14/2018");
<div id="demo"></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 .