Todo lo que sea javascript va ir dentro de las etiquetas <script></script>, junto, oviamente ordenado para que lo entiendas.
Del reloj si se puede, solo hay que agregarle mas codigo a lo que hay. Te paso un reloj echo para que lo estudies.
Código Javascript
:
Ver original//Este reloj lo declaro dentro de una funcion para llamarlo cada segundo, y tener un reloj con segundero.
function reloj () {
var reloj = new Date();
var horas = reloj.getHours();
var minutos = reloj.getMinutes();
var segundos = reloj.getSeconds();
var sufijo = 'am'; // Este es para el sufijo de la hora, am y pm, pero solo lo declaro como am para despues modificarlo con una comparacion.
if (horas>12) {
horas = horas -12;
sufijo ='pm'
}; //Lo que se hace aqui es comprobar si son mas de las doce. Si son las 13 horas, automaticamente resta doce para obtener la 1 y agrega como sufijo 'pm'
if (horas <10) { horas = '0'+ horas; }
if (minutos <10) { minutos = '0'+ minutos; }
if (segundos<10) { segundos = '0'+ segundos;}
//Con este pongo un cero a la izquierda. Si es la 1:32 me pone como 01:32 pm.
document.getElementById('Id').innerHTML = horas +':'+ minutos+':'+ segundos+ ' '+sufijo;
//Esta linea escribe el la pagina html. Sustituye la palabra 'id' por el id de el div donde pienses escribir la hora.(Siempre entre comillas.)
setInterval('reloj()',1000);
//Esta ultima linea repite esta funcion cada segundo, esto para que tengas fecha actual.
}
widow.onload= reloj();
//Esta linea comienza la magia llamando la funcion al cargar la pagina.
Para sacarlo a una hoja externa basta que utilises las mismas etiquetas de la siguiente manera:
La hoja tiene que estar guardada en el mismo directorio que la pagina html, de preferencia la raiz para utilizarlo en todas las paginas.