Como coloco en mi web la fecha y hora ACTUALES???
Avatar Image
Usuario Novato
Usuario Novato
Avatar Image
Moderador
Moderador
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

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
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

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


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
alanispasion dacruzvi Electros ChispaMaster luis010182829kApr/13
anuk07 PaseanteDelForo chavp NoSetup.org413kAug/07
valledemena chavp NoSetup.org35kJul/04