Noticias
Nuevos mensajes
Buscar
Usuarios
Fisgona
Comunidades
Hosting
Blogs
Otros servicios
Webmasters
Como coloco en mi web la fecha y hora ACTUALES???
Responder
Como coloco en mi web la fecha y hora ACTUALES???
Avatar Image
Usuario Novato
Usuario Novato
#1
Avatar Image
Moderador
Moderador
#2
Fecha
codigo
<html>
<head>
<title> Fecha actual 2 </title>
</head>

<body>

<script>

var mydate=new Date();
var year=mydate.getYear();
if (year < 1000)
year+=1900;
var day=mydate.getDay();
var month=mydate.getMonth()+1;
if (month<10)
month="0"+month;
var daym=mydate.getDate();
if (daym<10)
daym="0"+daym;
document.write("<small><font color='000000' face='Arial'><b>"+daym+"/"+month+"/"+year+"</b></font></small>")

</script>

</body>
</html>


Hora

codigo
<html>
<head>
<title> Hora 1 </title>

</head>

<body onLoad="show5()">

<span id="liveclock" style="position:absolute;left:0;top:0;"></span>

<script language="JavaScript">
<!--
function show5(){
if (!document.layers&&!document.all)
return;

var Digital=new Date();
var hours=Digital.getHours();
var minutes=Digital.getMinutes();
var seconds=Digital.getSeconds();
var dn="AM";
if (hours>12){
dn="PM";
hours=hours-12;
}
if (hours==0)
hours=12;
if (minutes<=9)
minutes="0"+minutes;
if (seconds<=9)
seconds="0"+seconds;

myclock="<font size='5' face='Arial' ><b><font size='2'>Hora Actual: </font>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>";

if (document.layers){
document.layers.liveclock.document.write(myclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
}

//-->
</script>

</body>
</html>

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Usuario habitual
Usuario habitual
#3

si kiere ke salga un reloj con la fecha del dia dando vueltas sobre él y ke ademas siga al raton prueba esto k te doy k esta to wapo

codigo

<SCRIPT language=JavaScript>
dCol='ffffff';//date colour.
fCol='00ffff';//face colour.
sCol='ffffff';//seconds colour.
mCol='ccff00';//minutes colour.
hCol='ffff00';//hours colour.
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!

d=new Array("DOMINGO","LUNES","MARTES","MIERCOLES","JUEVES","VIERNES","SABADO");
m=new Array("ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y=0;x=0;Y=0;X=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy=0;Dx=0;DY=0;DX=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace.style;
F.top=y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours.style;
HL.top=y+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes.style;
ML.top=y+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds.style;
SL.top=y+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate.style;
DL.top=Dy + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy=Math.round(DY+=(Dy[i-1]-DY)*speed);
Dx=Math.round(DX+=(Dx[i-1]-DX)*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y=Math.round(Y+=(y[i-1]-Y)*speed);
x=Math.round(X+=(x[i-1]-X)*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>




pruebalo en un fondo oscuro k con esos colores se ve mucho mejor

Avatar Image
@man / @woman
@man / @woman
#4
este simula ser un reloj digital, muy bonito

Dentro del tag <head></head>
Codigo:

<script language="javascript1.1">
<!--
/*By George Chiang (WA's JavaScript tutorial)
http://www.wsabstract.com
Credit MUST stay intact for use*/
var dn;
c1=new Image(); c1.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c1.gif";
c2=new Image(); c2.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c2.gif";
c3=new Image(); c3.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c3.gif";
c4=new Image(); c4.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c4.gif";
c5=new Image(); c5.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c5.gif";
c6=new Image(); c6.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c6.gif";
c7=new Image(); c7.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c7.gif";
c8=new Image(); c8.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c8.gif";
c9=new Image(); c9.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c9.gif";
c0=new Image(); c0.src="http://www.cyberiapc.com/aascripter/samples/Clocks/c0.gif";
cb=new Image(); cb.src="http://www.cyberiapc.com/aascripter/samples/Clocks/cb.gif";
cam=new Image(); cam.src="http://www.cyberiapc.com/aascripter/samples/Clocks/cam.gif";
cpm=new Image(); cpm.src="http://www.cyberiapc.com/aascripter/samples/Clocks/cpm.gif";

function extract(h,m,s,type){
if (!document.images)
return;
if (h<=9){
document.images.a.src=cb.src;
document.images.b.src=eval("c"+h+".src");
}
else {
document.images.a.src=eval("c"+Math.floor(h/10)+".src");
document.images.b.src=eval("c"+(h%10)+".src");
}
if (m<=9){
document.images.d.src=c0.src;
document.images.e.src=eval("c"+m+".src");
}
else {
document.images.d.src=eval("c"+Math.floor(m/10)+".src");
document.images.e.src=eval("c"+(m%10)+".src");
}
if (s<=9){
document.g.src=c0.src;
document.images.h.src=eval("c"+s+".src");
}
else {
document.images.g.src=eval("c"+Math.floor(s/10)+".src");
document.images.h.src=eval("c"+(s%10)+".src");
}
if (dn=="AM")
document.j.src=cam.src;
else
document.images.j.src=cpm.src;
}

function show3(){
if (!document.images)
return;
var Digital=new Date();
var hours=Digital.getHours();
var minutes=Digital.getMinutes();
var seconds=Digital.getSeconds();
dn="AM" ;
if ((hours>=12)&&(minutes>=1)||(hours>=13)){
dn="PM";
hours=hours-12;
}
if (hours==0)
hours=12;
extract(hours,minutes,seconds,dn);
setTimeout("show3()",1000);
}
//-->
</script>


Reemplaza el tag <body> por
Codigo:

<body onLoad="show3()">


Por ultimo donde quieras que aparezca el reloj
Codigo:

<img src="cb.gif" name="a"><img src="cb.gif" name="b"><img src="http://www.cyberiapc.com/aascripter/samples/Clocks/colon.gif" name="c"><img src="cb.gif" name="d"><img src="cb.gif" name="e"><img src="http://www.cyberiapc.com/aascripter/samples/Clocks/colon.gif" name="f"><img src="cb.gif" name="g"><img src="cb.gif" name="h"><img src="cam.gif" name="j">


Saludos
The Ghost

PD: esto deberia estar en el foro javascript:8)
Avatar Image
Moderador
Moderador
#5

tengo claro, donde debe ir, pero estoy esperando a que el usuario en cuestión, responda, para moverlo, y así me evito, tener que borrarle un reclamo.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


AnteriorSiguienteArriba
Responder
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Permisos:
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 05:46 UTC+01:00
Ir al subforo:
Temas similares
TemaUsuariosRespuestasVisitasActividad
actualizacion automatica d fecha y hora
alanispasion dacruzvi Electros ChispaMaster luis010182829kApr/13
dia y fecha en mi web
anuk07 PaseanteDelForo chavp NoSetup.org413kAug/07
Poner fecha real en la web
valledemena chavp NoSetup.org35kJul/04