Calendario y reloj en texto simple con script

Hoy vamos a ver cómo incluir en nuestro blog un calendario y reloj en nuestro blog, de forma muy sencilla.

Por cierto la DEMO pueden verla en mi blog de pruebas, en la sección demos.

Entonces , en un nuevo elemento HTML/Javascript pegaremos cualquiera de estos scripts o los dos:

1.§ Para el calendario:

Para obtenerlo, pegaremos el siguiente código:

<script language="Javascript">

<!--

var dayName = new Array ("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado")
var monName = new Array ("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septimbre", "Octubre", "Noviembre", "Diciembre")
var now = new Date
document.write("Hoy es " + dayName[now.getDay()] + ", " + now.getDate() + " de "+ monName[now.getMonth()] +".")

//-->
</script>

2.§ Para el reloj:

Para obtenerlo, pegaremos el siguiente código:

<form name="size">

<input name="Clock" size="11" type="text"/>

</form>


<script>

<!--
function show(){
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
document.size.Clock.value=hours+":"+minutes+":"

+seconds+" "+dn

setTimeout("show()",1000)

}

show()

//-->
</script>

Visto en : JavaScript Kit