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

Colocar hora y fecha

QUE tengo que poner para que salga la hora y la fecha, creo que es con javascript, pero no estoy seguro, si alguien m lo dice lo agradeceré.
1 respuesta

Suma aleatoria de array

Disculpe una pregunta como le puede hacer para que el array para sumar que me construyo me sume valores aleatoriamenta por ejemplo si meto valores de la posición 0 a la 6 y de la 7 a la 10 dejo en blanco y después en la posición 11 meto otro valor se...
1 respuesta

¿Cómo hago en php para que la hora se muestre actualizada en mi pagina Web?

¿Cómo hago en php para que la hora se muestre actualizada es decir que los segundos corran automáticamente y la hora se valla actualizando automáticamente en mi página web?
1 respuesta

Etiqueta div que solo se alinea a izquierda y centro

He realizado el siguiente contador cogiendo parte de codigo de un reloj animado, el problema que tengo es que la etiqueta div que pinta los digitos del contador solamente se me alinean a la izquierda y al centro, con el consiguiente problema que...
1 respuesta

Ventanas flotantes

Estoy interesado en la manera de hacer ventanas flotantes para mostrar información adicional como imagenes o texto, pero necesito saber como se maneja y como se coloca las coordenadas para ubicar a dicha ventana flotante.
1 respuesta

Error de recarga de un grid en aplicación ajax

Lo primero agradecerte por adelantado tu ayuda. Mi problema es el siguiente, tengo una aplicación web, en la que yo debo hacer la parte de gestión de usuarios. Esta parte consiste en un formulario que sirve para introducir nuevos usuarios para la...
1 respuesta

Botón atrás en ajax

Estoy creando una web modular, tengo la página principal en la que tengo todos los enlaces a diferentes secciones y las cargo en un div mediante ajax con este código: <script type="text/javascript"> function ajaxFunction() { var xmlHttp; try {...
1 respuesta

Pasar valor del form a javascript y viceversa

[color=#1a1a1a; font-family: 'Lucida Sans Unicode'; font-size: 13px]Hola, tengo un formulario en el cual ingreso un domicilio y con javascript la transformo en coordenadas q luego se la asigno a un campo oculto del formulario. Estuve probando varias...
1 respuesta

Como puedo ordenar alfabeticamente el texto del archivo que selecciono con este codigo

<!DOCTYPE HTML> <html> <head> <title>Prueba</title> <script> window.addEventListener('load',inicio,false); function inicio () { document.getElementById('archivo').addEventListener('change', cargar, false); } function cargar(ev) {...
1 respuesta

Seleccionar fila

Estoy trabajando con JSP, y tengo una tabla de tres columnas, hasta ahora, al ponerme sobre un campo de la misma se seleccionaba, mi intencion es que se seleccionen los otros dos campos de la fila, con este codigo solo selecciono uno, como puedo...
1 respuesta