P. - ¿Cómo agregar la hora en formato de 12 horas (AM y PM) en cualquier parte de nuestro sitio?
R. - Función JS Código HTML:
<script>
function actualizaReloj(){
marcacion = new Date();
Hora = marcacion.getHours();
Minutos = marcacion.getMinutes();
Segundos = marcacion.getSeconds();
if (Hora >= 12) {
var Horario = "P.M."
} else {
var Horario = "A.M."
}
switch (Hora) {
case 0:
Hora = 12;
break;
case 13:
Hora = 1;
break;
case 14:
Hora = 2;
break;
case 15:
Hora = 3;
break;
case 16:
Hora = 4;
break;
case 17:
Hora = 5;
break;
case 18:
Hora = 6;
break;
case 19:
Hora = 7;
break;
case 20:
Hora = 8;
break;
case 21:
Hora = 9;
break;
case 22:
Hora = 10;
break;
case 23:
Hora = 11;
break;
}
if (Hora<=9)
Hora = "0" + Hora;
if (Minutos<=9)
Minutos = "0" + Minutos;
if (Segundos<=9)
Segundos = "0" + Segundos ;
var Script = Hora + ":" + Minutos + " " + Horario;
document.getElementById('Reloj').innerHTML = Script;
setTimeout("actualizaReloj()",1000)
}
</script>
en el HTML:
Código HTML:
<table width="100%" height="24" align="center" border="0" cellspacing="0" cellpadding="0" style="color:#000000;">
<tr>
<td id="Reloj" style="font-weight:bold;"><script language="javascript">actualizaReloj()</script></td>
</tr>
</table>
Enjoy!