0

Tenho que fazer um contador regressivo para uma promoção.

Eu preciso que esse contador reinicie toda terça-feira às 00:00 horas para que fique mais ou menos assim:

"Restam apenas 6 dias 12 horas 42 minutos e 37 segundos para o fim da promoção"

4
  • 1
    Você precisa pegar a diferença entre o momento atual e a próxima terça... 16/11/2018 às 17:37
  • Ideia interessante, porém não tenho experiência em jQuery, há uma forma de sempre pegar o timestamp da próxima "terça"? 16/11/2018 às 18:01
  • Veja como marcar uma resposta como aceita em i.stack.imgur.com/jx7Ts.png e porque em pt.meta.stackoverflow.com/questions/1078/…
    – user60252
    16/11/2018 às 22:46
  • Porque em jquery?
    – user60252
    16/11/2018 às 23:28

2 Respostas 2

1

//função para definir o dia destino e horário desejado para o final da promoção de cada semana
function dataDiaDaSemana(diaRef){
    var dias = {
        segunda: 1,
        terca: 2,
        quarta: 3,
        quinta: 4,
        sexta: 5,
        sabado: 6,
        domingo: 0
    };
    
    var dataAtual = new Date();
    var timestampAtual = dataAtual.getTime();
    var diaGatilho = dias[diaRef];
    var diaMilisegDif=0;
    var diaEmMiliseg = 1000*60*60*24;
    // adiciona um dia a diaMilisegDif enquanto o diaRef desejado (terca por exemplo) não for atingido
    while(dataAtual.getDay()!=diaGatilho){
        diaMilisegDif += diaEmMiliseg;
        dataAtual = new Date(dataAtual.getTime()+diaEmMiliseg);
    }
    return new Date(timestampAtual + diaMilisegDif);
}

//defina o dia destino da semana
var dia = dataDiaDaSemana("terca");
//defina o horario
dia.setHours(0,0,0,0); //(hora, min, seg, miliseg)


//fonte https://www.w3schools.com/howto/howto_js_countdown.asp

//define a data para contagem regressiva
var countDownDate = new Date(dia).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 and 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);
  
  	if (distance < 1) { // você chegou ao seu destino :-)
		document.getElementById("demo").innerHTML = "";
		/*** redefine a data para próximo dia destino da semana *****/
		countDownDate = new Date(countDownDate.valueOf() + 604800000);
  	}else if (days>0){
		document.getElementById("demo").innerHTML = "Restam apenas " + days + "d " + hours + "h "
		+ minutes + "m " + seconds + "s para o fim da promoção";
	}else if (hours==0 && minutes==0){
		document.getElementById("demo").innerHTML ="Restam apenas " + seconds + "s para o fim da promoção";
	}else if (hours==0){
		document.getElementById("demo").innerHTML ="Restam apenas " + minutes + "m " + seconds + "s para o fim da promoção";
	}else{
		document.getElementById("demo").innerHTML ="Restam apenas " + hours + "h "+ minutes + "m " + seconds + "s para o fim da promoção";
	}
		
}, 1000);
<p id="demo"></p>

Para um teste rápido coloque var dia = dataDiaDaSemana("...."); sendo .... o dia de hoje e em dia.setHours(0,0,0,0); hora atual e um minuto após o minuto atual exemplo, se são 12:25 coloque dia.setHours(12,26,0,0);

2
  • Perfeito, era isso mesmo que eu precisava, muito obrigado, de verdade, salvou meu dia kk 17/11/2018 às 14:21
  • @DanielHirt para um teste rápido coloque var dia = dataDiaDaSemana("sabado"); e em dia.setHours(0,0,0,0); hora atual um minuto apos o minuto atual exemplo, se são 12:25 coloque dia.setHours(12,26,0,0);
    – user60252
    17/11/2018 às 14:25
1

Tenho que fazer um contador regressivo para uma promoção.

<!-- Display the countdown timer in an element -->

// Set the date we're counting down to
var countDownDate = new Date("Jan 5, 2019 15:37:25").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 and 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);

  // Display the result in the element with id="demo"
  document.getElementById("demo").innerHTML = days + "d " + hours + "h " +
    minutes + "m " + seconds + "s ";

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

Eu preciso que esse contador reinicie toda terça-feira às 00:00 horas

Aqui você vai definir o limite do contador:

// Set the date we're counting down to
var countDownDate = new Date("Jan 5, 2019 15:37:25").getTime();

Lembrando que isso é só o lado do cliente (front-end). Deve validar a data/hora do lado do servidor (back-end).

W3Schools: How TO - JavaScript Countdown Timer

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 .