Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

PauloRJ

Como exibir hora, minutos e segundos em tempo real

Por , em Javascript

Recommended Posts

PauloRJ    4

PauloRJ
Postado

Pessoal, procurei e so encontrei como exibir hora me estatica, isso eu consigo no php tambem, mas gostaria de fazer em tempo real.

 

Alguem saberia como faze-lo ou saiba de algum tutorial e/ou link?

 

abraço valeu!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Diniz    0

Marcio Diniz
Postado

Olá Paulo,Verifica este código se te ajuda.

<html><head><title> Treinamento de Javascript </title><script type="text/javascript">function horas(){camada = document.getElementById('relogio');hoje = new Date();hora = hoje.getHours();if(hora<=9){hora = "0" + hora;}minuto = hoje.getMinutes();if(minuto<=9){minuto = "0" + minuto;}segundo = hoje.getSeconds();if(segundo<=9){segundo = "0" + segundo;}camada.innerHTML = hora + ":" + minuto + ":" + segundo;setTimeout("horas()",1000);}</script><style>#relogio{position: relative; /*tipo de posicionamento*/width: 100px; /*largura da DIV*/height: 20px; /*altura da DIV*/margin-left: auto; /*margem a esquerda*/margin-right: auto; /*margem a direita*/float: left; /*flutuar a esquerda*/border: 1px solid #ccc; /*borda da DIV*/text-align: center; /*alinhamento do texto*/</style></head><body onload="horas()"><div id="relogio"></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

JonasRESilva    0

JonasRESilva
Postado

Perdão por reviver, mas como já tem post com esse tema, creio ser melhor reviver esse do que ter posts duplicados...

 

Tenho um script de hora onde configuro pra mostrar em tempo real dividido de 12 em 12 horas (originalmente era AM e PM) quero configurar para Manhã, Tarde, e Noite.... alguém aí saberia como?

 

(até tentei trocar lá, o de Manhã foi sussa.. agora tarde e noite, ficou meio difícil)

 

Segue o código:

<div id=Clock style="font-family: Arial; font-size: 20; color:white"> 
                      <script>
 
function tick() {
var hours, minutes, seconds, ap;
var intHours, intMinutes, intSeconds;
var today;
 
today = new Date();
 
 
 
 
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
 
if (intHours == 0) {
hours = "12:";
ap = "Meia Noite";
} else if (intHours < 12) { 
hours = intHours+":";
ap = "Manhã";
} else if (intHours == 12) {
hours = "12:";
ap = "Meio Dia";
} else {
intHours = intHours - 12
hours = intHours + ":";
ap = "Tarde / Noite";
}
 
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
 
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
} 
 
timeString = hours+minutes+seconds+ap;
 
Clock.innerHTML = timeString;
 
window.setTimeout("tick();", 100);
}
 
window.onload = tick;
 
</script>
                    </div><!--hora-->

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito