Necesito el script más simple para que en mi web se vea la hora con segundero local

Simplemente quería pedirte el script más simple para poder insertarlo en mi web y que los usuarios puedan ver la hora con segundero actual, que se vaya actualizando cada segundo.

1 Respuesta

Respuesta
1
Mi ra a ver si te vale este código que he preparado.
Un saludo.
<html>
<head>
<script language="javascript">
var reloj=new Date();
var str="";
function fnc(){
str=reloj.getHours()+":"+reloj.getMinutes()+":"+reloj.getSeconds();
document.getElementById("reloj").innerHTML=str;
window.setTimeout("fnc()",1000);
}
</script>
</head>
<body onload="fnc()">
<div id="reloj"></div>
</body>
</html>
Gracias, anda bien, lo único es que no refresca la hora, queda estática. Además me gustaría presentarla al lado de un texto, porque insertando el <div> se baja a otro renglón. Muchas gracias!
Excelente!
Una ultima: cómo sería el código para que se muestre de tipo 12 horas, ¿con AM y PM?
Gracias! .)
Ya está arreglado, se me fue la cabeza y puse las variables fuera del entorno. Ahí lo tienes.
Para lo otro, no pasa nada, puedes ponero en un td de una tabla en vez de en un div, eso sí, tiene que tener el mismo id "reloj".
Un saludo.
<html>
<head>
<script language="javascript">
function fnc(){
var reloj=new Date();
var str="";
str=reloj.getHours()+":"+reloj.getMinutes()+":"+reloj.getSeconds();
document.getElementById("reloj").innerHTML=str;
window.setTimeout("fnc()",1000);
}
</script>
</head>
<body onload="fnc()">
<div id="reloj"></div>
</body>
</html>
Gracias, voy a calificarte del mejor modo posible, y te agregaré a mis favoritos.
Siento alargar la cuestión, pero he notado que cuando los minutos o los segundos son inferiores al varlor 10, estos aparecen sin un cero adelante.
Yo quisiera que me facilites el código para que en vez de 11:8:5 AM aparezca 11:08:05 AM.
Gracias!
He preparado el código para lo que necesitas.
No te olvides de puntuar, por favor.
Un saludo.
<html>
<head>
<script language="javascript">
function fnc(){
var reloj=new Date();
var str="";
//para 12 horas
tipo="AM";
doce=reloj.getHours();
if(doce>12){
if(doce==13)doce=1;
else if(doce==14)doce=2;
else if(doce==15)doce=3;
else if(doce==16)doce=4;
else if(doce==17)doce=5;
else if(doce==18)doce=6;
else if(doce==19)doce=7;
else if(doce==20)doce=8;
else if(doce==21)doce=9;
else if(doce==22)doce=10;
else if(doce==23)doce=11;
tipo="PM";
}
else if(doce==0)doce=12;
else if(doce==12)tipo="PM";
str=doce+":"+reloj.getMinutes()+":"+reloj.getSeconds()+" "+tipo;
document.getElementById("reloj").innerHTML=str;
window.setTimeout("fnc()",1000);
}
</script>
</head>
<body onload="fnc()">
<div id="reloj"></div>
</body>
</html>
Excelente! Felicitaciones por tu capacidad y buena onda! .)
Tienes razón, debe aparecer un cero. Ya lo tienes revisado.
Un saludo.
<html>
<head>
<script language="javascript">
function fnc(){
var reloj=new Date();
var str="";
//para 12 horas
tipo="AM";
doce=reloj.getHours();
if(doce>12){
if(doce==13)doce=1;
else if(doce==14)doce=2;
else if(doce==15)doce=3;
else if(doce==16)doce=4;
else if(doce==17)doce=5;
else if(doce==18)doce=6;
else if(doce==19)doce=7;
else if(doce==20)doce=8;
else if(doce==21)doce=9;
else if(doce==22)doce=10;
else if(doce==23)doce=11;
tipo="PM";
}
else if(doce==0)doce=12;
else if(doce==12)tipo="PM";
mins=reloj.getMinutes();
if(mins<10)mins="0"+mins;
secs=reloj.getSeconds();
if(secs<10)secs="0"+secs;
str=doce+":"+mins+":"+secs+" "+tipo;
document.getElementById("reloj").innerHTML=str;
window.setTimeout("fnc()",1000);
}
</script>
</head>
<body onload="fnc()">
<div id="reloj"></div>
</body>
</html>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas