Vou publicar um evento e quero colocar um Cronômetro regressivo que mostre em tempo real os dias, horas e minutos que faltam para determinada data, tipo:.
Faltam 5 dias, 12:30:00 para inauguração.
Qdo chegar no dia, quero que apenas apareça uma mensagem.
Estou desenvolvendo um site onde coloquei uma espécie de 'relógio' nele, onde as pessoas veem que horas são, os minutos e segundos vão atualizando automático. Até aí tudo certo...
No header do site tem um título principal (h1) que começa dando bom dia. Como as pessoas vão acessar o site em horários diferentes, tive a ideia do texto atualizar automaticamente pra boa tarde ou boa noite, relativo ao intervalo de tempo do relógio, mas não sou tão bom ainda com javascript.
Estou desenvolvendo um site onde coloquei uma espécie de 'relógio' nele, onde as pessoas veem que horas são, os minutos e segundos vão atualizando automático. Até aí tudo certo...
No header do site tem um título principal (h1) que começa dando bom dia. Como as pessoas vão acessar o site em horários diferentes, tive a ideia do texto atualizar automaticamente pra boa tarde ou boa noite, relativo ao intervalo de tempo do relógio, mas não sou tão bom ainda com javascript.
Eu estou migrando de vez para o Linux e percebi que não possui nenhuma aplicação nativa de cronometro como a que estava acostumado a utilizar no Windows 10. Eu faço home office, então uso muito para gerir o tempo de trabalho diário e gostaria de utilizar no Ubuntu também.
Procurei na loja do sistema, mas não encontrei nenhum que me agradasse e, como estudante de Engenharia de Computação, pensei em fazer um simples que execute no terminal mesmo e possua as funções básicas que preciso: start, pause e reset.
Porém, estava pensando e não aprendi ainda e não tenho a menor ideia de como faria para que fosse exibido no terminal o contador e ao mesmo tempo examinar o teclado para que pause a execução caso seja pressionada uma determinada tecla.
Alguém teria alguma ideia de como possa fazer para isso?
Eu pensei em iniciar um novo terminal via código mesmo e ir mostrando o contador neste outro terminal, aí no primeiro eu insiro os comandos para pausar, começar ou reiniciar o tempo. Penso que seja mais ou menos isso que preciso fazer, mas não tenho certeza e gostaria de uma luz.
tenho esse codigo no meu html que e puxado do codigo da pasta js.
<!-- Theme JS -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.lwtCountdown-1.0.js"></script>
<script src="js/jquery.jplayer.min.js"></script>
<script src="js/vegas.min.js"></script>
<script src="js/theme.js"></script>
<script type="text/javascript">
function atualizaContador(YY,MM,DD,HH,MI) {
var SS = 00; //Segundos
var hoje = new Date(); //Dia
var futuro = new Date(YY,MM-1,DD,HH,MI,SS); //Data limite do contador
var ss = parseInt((futuro - hoje) / 1000); //Determina a quantidade total de segundos que faltam
var mm = parseInt(ss / 60); //Determina a quantidade total de minutos que faltam
var hh = parseInt(mm / 60); //Determina a quantidade total de horas que faltam
var dd = parseInt(hh / 24); //Determina a quantidade total de dias que faltam
ss = ss - (mm * 60); //Determina a quantidade de segundos
mm = mm - (hh * 60); //Determina a quantidade de minutos
hh = hh - (dd * 24); //Determina a quantidade de horas
if(ss < 10) {
ss = '0' + ss;
}
if(hh < 10) {
hh = '0' + hh;
}
if(mm < 10) {
mm = '0' + mm;
}
if(dd < 10) {
dd = '0' + dd;
}
var digito_dia1 = dd.toString().substr(0,1);
var digito_dia2 = dd.toString().substr(1,1);
var digito_hora1 = hh.toString().substr(0,1);
var digito_hora2 = hh.toString().substr(1,1);
var digito_minuto1 = mm.toString().substr(0,1);
var digito_minuto2 = mm.toString().substr(1,1);
var digito_segundo1 = ss.toString().substr(0,1);
var digito_segundo2 = ss.toString().substr(1,1);
if (dd+hh+mm+ss > 0) {
document.getElementById('digito_dia1').innerHTML = digito_dia1;
document.getElementById('digito_dia2').innerHTML = digito_dia2;
document.getElementById('digito_hora1').innerHTML = digito_hora1;
document.getElementById('digito_hora2').innerHTML = digito_hora2;
document.getElementById('digito_minuto1').innerHTML = digito_minuto1;
document.getElementById('digito_minuto2').innerHTML = digito_minuto2;
document.getElementById('digito_segundo1').innerHTML = digito_segundo1;
document.getElementById('digito_segundo2').innerHTML = digito_segundo2;
setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI)},1000);//Reinicia a função a cada um segundo
} else {
document.getElementById('digito_dia1').innerHTML = '0';
document.getElementById('digito_dia2').innerHTML = '0';
document.getElementById('digito_hora1').innerHTML = '0';
document.getElementById('digito_hora2').innerHTML = '0';
document.getElementById('digito_minuto1').innerHTML = '0';
document.getElementById('digito_minuto2').innerHTML = '0';
document.getElementById('digito_segundo1').innerHTML = '0';
document.getElementById('digito_segundo2').innerHTML = '0';
setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI)},1000);
}
}
</script>