Ir para conteúdo

POWERED BY:

Arquivado

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

Pedro Victor

Atualizar DIV a cada segundo

Por , em Javascript

Recommended Posts

Pedro Victor    0

Pedro Victor
Postado

Olá, preciso muito da ajuda de vcs pra fazer com que o seqguinte código atualize de segundo em segundo:

 

Ex: Pra quando dá 00h00 ele mudar a data sozinho.

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset iso-8859-1">
<title>Data</title>
<script type="text/javascript">



mydate = new Date(); 
myday = mydate.getDay(); 
mymonth = mydate.getMonth(); 
myweekday= mydate.getDate(); 
weekday= myweekday; 
myyear= mydate.getYear(); 
year = 2012

if(myday == 0) 
day = " Domingo, " 

else if(myday == 1) 
day = " Segunda-feira, " 

else if(myday == 2) 
day = " Terça-feira, " 

else if(myday == 3) 
day = " Quarta-feira, " 

else if(myday == 4) 
day = " Quinta-feira, " 

else if(myday == 5) 
day = " Sexta-feira, " 

else if(myday == 6) 
day = " Sábado, " 

if(mymonth == 0) 
month = " de Janeiro de " 

else if(mymonth ==1) 
month = " de Fevereiro de " 

else if(mymonth ==2) 
month = " de Março de " 

else if(mymonth ==3) 
month = " de April de " 

else if(mymonth ==4) 
month = " de Maio de "

else if(mymonth ==5) 
month = " de Junho de " 

else if(mymonth ==6) 
month = " de Julho de " 

else if(mymonth ==7) 
month = " de Agosto de " 

else if(mymonth ==8) 
month = " de Setembro de " 

else if(mymonth ==9) 
month = " de Outubro de " 

else if(mymonth ==10) 
month = " de Novembro de " 

else if(mymonth ==11) 
month = " de Dezembro de " 	

document.write("<right><span style='font-family: Lucida Sans; font-size: 13px; color: #666666; text-decoration: none;'><P ALIGN='RIGHT'>" + day + myweekday + month + year + "</P></span></right>");



</script>
</head>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cristian Madrid    1

Cristian Madrid
Postado

Opa cara, como vai ?

Eu dei uma olhada no seu código e fiz algumas alterações bem basicas para ficar um pouco mais nas regras da W3C (Não mudei muita coisa).

 

Vi que você tinha colocado o CSS inline, retirei ele e coloquei ele no head.

Troquei as tags html que você estava utilizando e coloquei algumas que seriam as mais corretas o/.

 

Segue o código:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset iso-8859-1">
<title>Data</title>
<script type="text/javascript">
var mydate = new Date();
var myday = mydate.getDay(); 
var mymonth = mydate.getMonth(); 
var myyear= mydate.getFullYear();
var weekday= mydate.getDate();

function loadData(){

if(myday == 0) 
day = " Domingo, "

else if(myday == 1) 
day = " Segunda-feira, " 

else if(myday == 2) 
day = " Terça-feira, " 

else if(myday == 3) 
day = " Quarta-feira, " 

else if(myday == 4) 
day = " Quinta-feira, " 

else if(myday == 5) 
day = " Sexta-feira, " 

else if(myday == 6) 
day = " Sábado, " 

if(mymonth == 0) 
month = " de Janeiro de " 

else if(mymonth ==1) 
month = " de Fevereiro de " 

else if(mymonth ==2) 
month = " de Março de " 

else if(mymonth ==3) 
month = " de April de " 

else if(mymonth ==4) 
month = " de Maio de "

else if(mymonth ==5) 
month = " de Junho de " 

else if(mymonth ==6) 
month = " de Julho de " 

else if(mymonth ==7) 
month = " de Agosto de " 

else if(mymonth ==8) 
month = " de Setembro de " 

else if(mymonth ==9) 
month = " de Outubro de " 

else if(mymonth ==10) 
month = " de Novembro de " 

else if(mymonth ==11) 
month = " de Dezembro de "      
//day + myweekday + month + year
document.getElementById('data').getElementsByTagName('span')[0].innerHTML= day + weekday + month + myyear;

return mydate.getHours();

}
window.onload = function(){

var dataControle = new Date();
dataControle.setHours(0,0,0,0);// hora de controle, ou seja aqui eu seto uma hora como 00:00:00
setInterval(function(){
	if(loadData()==dataControle.getHours())
	{	
		//Ele já está atualizando sozinho.
		// Aqui neste caso, caso seja meia noite ele faz algo o/
	}
},1);
}
</script>
<style type="text/css">
#data{float:right;}
#data span{font-family: Lucida Sans; font-size: 13px; color: #666666; text-decoration: none;}
</style>
</head>
<body>
<div id="data">
	<span></span>
</div>
</body>
</html>

 

Espero ter ajudado 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