Ir para o conteúdo
PedroMiguel

Relógio e data

Mensagens Recomendadas

Virneto    75
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 | ...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
PedroMiguel    0
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>

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Virneto    75
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 | ...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Virneto    75
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 | ...

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.