Jump to content
PedroMiguel

Relógio e data

Recommended Posts

PedroMiguel

Boa noite. Alguém me pode explicar como posso mover a data e relógio que criei em java script para o topo da página?

Obrigado

Share this post


Link to post
Share on other sites
Virneto

Boa noite. Alguém me pode explicar como posso mover a data e relógio que criei em java script para o topo da página?

Obrigado

Parece-me que já fizeste o mais difícil :P

Mostra o código please.


"Que inquieto desejo vos tortura, Seres elementares, força obscura? Em volta de que ideia gravitais?" >> Anthero de Quental

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Linuxando.com | ...

Share this post


Link to post
Share on other sites
PedroMiguel

O código que fiz foi este :)

<SCRIPT LANGUAGE="Javascript">

var now = new Date();
var mName = now.getMonth() +1 ;
var dName = now.getDay() +1;
var dayNr = now.getDate();
var yearNr=now.getYear();
if(dName==1) {Day = "Domingo";}
if(dName==2) {Day = "Segunda-feira";}
if(dName==3) {Day = "Terça-feira";}
if(dName==4) {Day = "Quarta-feira";}
if(dName==5) {Day = "Quinta-feira";}
if(dName==6) {Day = "Sexta-feira";}
if(dName==7) {Day = "Sábado";}
if(mName==1){Month = "Janeiro";}
if(mName==2){Month = "Fevereiro";}
if(mName==3){Month = "Março";}
if(mName==4){Month = "Abril";}
if(mName==5){Month = "Maio";}
if(mName==6){Month = "Junho";}
if(mName==7){Month = "Julho";}
if(mName==8){Month = "Agosto";}
if(mName==9){Month = "Setembro";}
if(mName==10){Month = "Outubro";}
if(mName==11){Month = "Novembro";}
if(mName==12){Month = "Dezembro";}
if(yearNr < 2000) {Year = 1900 + yearNr;}
else {Year = yearNr;}
var todaysDate =(" " + Day + ", " + dayNr + " " + Month + " " + Year);

document.write('  '+todaysDate);


</SCRIPT>

  
<SPAN ID="Clock">00:00:00</SPAN>

<SCRIPT LANGUAGE="Javascript">


 var Elem = document.getElementById("Clock");
 function Horario(){
var Hoje = new Date();
var Horas = Hoje.getHours();
if(Horas < 10){
  Horas = "0"+Horas;
}
var Minutos = Hoje.getMinutes();
if(Minutos < 10){
  Minutos = "0"+Minutos;
}
var Segundos = Hoje.getSeconds();
if(Segundos < 10){
  Segundos = "0"+Segundos;
}
Elem.innerHTML = Horas+":"+Minutos+":"+Segundos;
}
window.setInterval("Horario()",1000);

</SCRIPT>

Share this post


Link to post
Share on other sites
Virneto

Opah... Eu não sei de javascript, mas se está a funcionar, só tens de envolver nas tags html. O CSS colocas no header da tua página entre

<head> e </head>

.

O javascript podes colocar no head ou no final da tua página antes de fechar o [/html>

Se me pedisses para fazer o relógio eu não saberia :D

#Clock {
color:blue;
font-size:15px;
}

<script type="text/javascript">
var now = new Date();

var mName = now.getMonth() +1;
var dName = now.getDay() +1;
var dayNr = now.getDate();
var yearNr=now.getYear();
if(dName==1) {Day = "Domingo";}
if(dName==2) {Day = "Segunda-feira";}
if(dName==3) {Day = "Terça-feira";}
if(dName==4) {Day = "Quarta-feira";}
if(dName==5) {Day = "Quinta-feira";}
if(dName==6) {Day = "Sexta-feira";}
if(dName==7) {Day = "Sábado";}
if(mName==1){Month = "Janeiro";}
if(mName==2){Month = "Fevereiro";}
if(mName==3){Month = "Março";}
if(mName==4){Month = "Abril";}
if(mName==5){Month = "Maio";}
if(mName==6){Month = "Junho";}
if(mName==7){Month = "Julho";}
if(mName==8){Month = "Agosto";}
if(mName==9){Month = "Setembro";}
if(mName==10){Month = "Outubro";}
if(mName==11){Month = "Novembro";}
if(mName==12){Month = "Dezembro";}
if(yearNr < 2000) {Year = 1900 + yearNr;}
else {Year = yearNr;}
var todaysDate =(" " + Day + ", " + dayNr + " " + Month + " " + Year);
document.write(' '+todaysDate);

</script>
<span id="Clock"></span>
<script type="text/javascript">

var Elem = document.getElementById("Clock");
function Horario(){
var Hoje = new Date();
var Horas = Hoje.getHours();
if(Horas < 10){
 Horas = "0"+Horas;
}
var Minutos = Hoje.getMinutes();
if(Minutos < 10){
 Minutos = "0"+Minutos;
}
var Segundos = Hoje.getSeconds();
if(Segundos < 10){
 Segundos = "0"+Segundos;
}
Elem.innerHTML = Horas+":"+Minutos+":"+Segundos;
}
window.setInterval("Horario()",1000);
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Relógio XPTO do Pedro Miguel</title>
</head>
<body>
<div>
<span id="Clock"></SPAN>
</div>
</body>
</html>

tenho a certeza que há aí malta que te corrige alguma falha do Javascript, mas também não te faz mal nenhum experimentar.

have fun :P


"Que inquieto desejo vos tortura, Seres elementares, força obscura? Em volta de que ideia gravitais?" >> Anthero de Quental

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Linuxando.com | ...

Share this post


Link to post
Share on other sites
Virneto

OK... vamos tentar isto mais KISS porque Javascript não é a minha praia...

/** Aqui o teu relógio **/
var Elem = document.getElementById("Clock");
function Horario(){
var Hoje = new Date();
var Horas = Hoje.getHours();
if(Horas < 10){
	 Horas = "0"+Horas;
}
var Minutos = Hoje.getMinutes();
if(Minutos < 10){
	 Minutos = "0"+Minutos;
}
var Segundos = Hoje.getSeconds();
if(Segundos < 10){
	 Segundos = "0"+Segundos;
}
Elem.innerHTML = Horas+":"+Minutos+":"+Segundos;
}
window.setInterval("Horario()",1000);


/** Agora a data **/
var date = new Date();
var d  = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;

document.getElementById("data").innerHTML = " Hoje são " + day + " de " + month + " de " + year + " ";

Verifica aqui a fonte do código que useipara a data:mediacollege.com

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Relógio e data XPTO do Pedro Miguel</title>
</head>
<body>
<div id="data">..
</div>
<div>
<span id="Clock"></SPAN>
</div>
</body>
</html>


"Que inquieto desejo vos tortura, Seres elementares, força obscura? Em volta de que ideia gravitais?" >> Anthero de Quental

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Linuxando.com | ...

Share this post


Link to post
Share on other sites
Virneto

Já sei que está básico, mas enfim....It Works!! :cheesygrin:

http://jsfiddle.net/Virneto/pXA33/


"Que inquieto desejo vos tortura, Seres elementares, força obscura? Em volta de que ideia gravitais?" >> Anthero de Quental

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Linuxando.com | ...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.