1

Como fazer para mostrar as horas e minutos que faltam para as 00:00 horas (meia-noite) ?

Exemplo:

Tenho um site de vendas no qual quero colocar uma contagem regressiva que diz o tempo restante para a meia noite, o qual quando der meia noite, apareça 23h 59m 59s.

Vai ser uma espécie de propaganda, do tipo, "Corre! Faltam só XX h XX m XX s"

Se a pessoa tiver por exemplo às 20:31, vai mostrar 3h 29m 00s.

E assim sussecivamente....

Vi esse exemplo, porém não tive a capacidade de fazê-lo funcionar: http://codepen.io/SitePoint/pen/MwNPVq

Só que quero algo simples, apenas um texto "XXh XXm XXs". Nada de CSS.

1 Resposta 1

3

Pode fazer assim:

function calculateHMSleft()
{
	var now = new Date();
	var hoursleft = 23-now.getHours();
	var minutesleft = 59-now.getMinutes();
	var secondsleft = 59-now.getSeconds();
	if(minutesleft<10) minutesleft = "0"+minutesleft;
	if(secondsleft<10) secondsleft = "0"+secondsleft;
	document.getElementById('count').innerHTML = hoursleft+":"+minutesleft+":"+secondsleft;
}
calculateHMSleft();
setInterval(calculateHMSleft, 1000);
<div id="count"></div>

Resposta adaptada a partir daqui

4
  • É isso aí, só editei aqui essa parte hoursleft+"h "+minutesleft+"m "+secondsleft+"s"; pra ficar como queria! Resposta perfeita! Você é fera! ;) Commented 11/08/2016 às 9:37
  • Eu que agradeço!!! :D Commented 11/08/2016 às 9:39
  • 1
    Estava a fazer uma versão à mão, que precisava de mais ajustes. Apaguei. A tua resposta foi mais rápida e ficou bem parecida com esta: shanelabs.com/blog/2011/12/08/… Se fôr essa mesmo é bom colocares referências... +1
    – Sergio
    Commented 11/08/2016 às 9:43
  • 1
    Foi sim com algumas adpações para javascript @Sergio. É verdade, colocada a referência
    – Miguel
    Commented 11/08/2016 às 9:50

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 .