Hola José
Voy a contestarte por esta vía, ya que la consulta se inició en este foro.
Y de otra manera, cualquiera que tenga la misma inquietud (o similar) perdería el hilo de la misma.
Siempre aclaro, publico mi mail para de alguna manera hacerme públicamente responsable sobre las opiniones que vierto o acerca de las soluciones que planteo.
BIen.
Para mostrar la fecha, podés utilizar el script que se implementa de la siguiente forma:
Entre las etiquetas <head> insertás lo siguiente:
<SCRIPT language=JavaScript><!--
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
function makeArray(n) {
this.length = n
return this
}
monthNames = new makeArray(12)
monthNames[1] = "January"
monthNames[2] = "February"
monthNames[3] = "March"
monthNames[4] = "April"
monthNames[5] = "May"
monthNames[6] = "June"
monthNames[7] = "July"
monthNames[8] = "August"
monthNames[9] = "September"
monthNames[10] = "October"
monthNames[11] = "November"
monthNames[12] = "December"
function dateString(oneDate) {
var theMonth = monthNames[oneDate.getMonth() + 1]
var theYear = oneDate.getFullYear()
return theMonth + " " + oneDate.getDate() + ", " + theYear
}
//-->
</SCRIPT>
Deberás reemplazar los nombres de los meses, en inglés, por los correspondientes en castellano.
Donde quieras que apareza el resultado (dentro de un DIV, por ejemplo) insertás:
<SCRIPT language=JavaScript>document.write(dateString(new Date()))</SCRIPT>
fuente: http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_22.html
Podés consultar la página para lograr insertar el código que muestra el día de la semana (deberás traducir los nombres correspondientes).
En cuanto a mostrar la hora del sistema, utilizá el siguiente código:
<script language="Javascript">
setInterval("settime()", 1000);
function settime () {
var curtime = new Date();
var curhour = curtime.getHours();
var curmin = curtime.getMinutes();
var cursec = curtime.getSeconds();
var time = "";
if(curhour == 0) curhour = 12;
time = (curhour > 12 ? curhour - 12 : curhour) + ":" +
(curmin < 10 ? "0" : "") + curmin + ":" +
(cursec < 10 ? "0" : "") + cursec + " " +
(curhour > 12 ? "PM" : "AM");
document.date.clock.value = time;
}
</script>
Lo anterior deberá ir entre las etiquetas <head>
Y dentro del <body> donde deseás mostrar la hora, ponés lo siguiente:
<form name="date">
<input type="text" name="clock" style="border: 0px" value="">
</form>
Finalmente, con CSS, podrás darle la apariencia, colores, font, etc que necesités.
Suerte!
Saludos desde Argentina!
Daniel Ulczyk
http://ulczyk.blogspot.com
Utilidades para Webmasters