Ir para conteúdo

POWERED BY:

Arquivado

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

DaniloTec

Exibir hora sempre atualizada.

Por , em Javascript

Recommended Posts

DaniloTec    0

DaniloTec
Postado

Bom Dia a Todos!A grosso modo o comando <%=Time%> exibe a hora no navegador, certo? Porém, uma vez que é exibida ela "congela", não correndo os segundos. Gostaria de saber como faço pra exibir a hora no navegador sem que precise ficar atualizando a página para correr os segundos.Grato!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

DaniloTec    0

DaniloTec
Postado

Obrigado pela resposta, porém, tenho mais uma dúvida?Esse primeiro código eu coloco aonde? Dentro da "<head>", "<body>"?Grato!

Data e Hora com java script:

function gettheDate() {	Todays = new Date();	var months = new Array()	months[1] = new Array("Janeiro")	months[2] = new Array("Fevereiro")	months[3] = new Array("Março")	months[4] = new Array("Abril")	months[5] = new Array("Maio")	months[6] = new Array("Junho")	months[7] = new Array("Julho")	months[8] = new Array("Agosto")	months[9] = new Array("Setembro")	months[10] = new Array("Outubro")	months[11] = new Array("Novembro")	months[12] = new Array("Dezembro")	TheDate = Todays.getDate() + " de " + (months[Todays.getMonth() + 1]) + " de " +  Todays.getFullYear() }var timerID = null;var timerRunning = false;//  Final da Função -->function stopclock (){		if(timerRunning);			clearTimeout(timerID);			timerRunning = false;		}//  - - - - - - - - Inicializa o Clock-->function startclock () {		stopclock();		gettheDate()		showtime();	}//  - - - - - - - -  Mostra a Hora-->function showtime () {		var now = new Date();		var hours = now.getHours();		var minutes = now.getMinutes();		var seconds = now.getSeconds()		var timeValue = "" + ((hours >12) ? hours -12 :hours)		timeValue += ((minutes < 10) ? ":0" : ":") + minutes		timeValue += ((seconds < 10) ? ":0" : ":") + seconds		timeValue += (hours >= 12) ? " P.M." : " A.M."		//document.clock.face.value = timeValue;		document.getElementById("DataHora").innerHTML = "<center><font face=\"Arial\" size=\"2\"><b>Brasília/DF, " + TheDate + " - " + timeValue + "</b></font></center>";		// you could replace the above with this		// and have a clock on the status bar:		// window.status = timeValue;		timerID = setTimeout("showtime()",1000);		timerRunning = true;	}
Uso:
<body onLoad="startclock();"><span id="DataHora"></span></body>
B)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado

Observações importantes...

<%=Time%> NÃO pega a hora do browser e sim do servidor... E por ser server side, é estático.

 

A modo básico, a hora é só isso aqui:

<script>function ctime() {var time = new Date();var hh = time.getHours();var mm = time.getMinutes();var ss = time.getSeconds();				if ((''+hh).length == 1) hh = '0'+hh;if ((''+mm).length == 1) mm = '0'+mm;if ((''+ss).length == 1) ss = '0'+ss;				var hora = hh + ':' + mm + ':' + ss;document.getElementById('hora').innerHTML = hora;}var fHora= setInterval('time()',1000);</script><span id="hora"></div>
Esse código, você coloca ele onde você quer que apareça a hora

Compartilhar este post

Link para o post
Compartilhar em outros sites

Crystian    0

Crystian
Postado

Somente acrescentando ao que o Fleury falou...No caso de trabalhar com data/hora em JS existe o problema da máquina do usuário estar com o horário errado e com isso seu site estará mostrando o horário errado. Uma solução para isso seria criar a data em JS apartir da data do Servidor (no caso <%= time %>) e ir incrementando-a em JS. Dessa forma você terá a data do servidor e não estática.Abraço

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