JAVASCRIPT - Fecha y hora en la barra de estado con botones

Fecha en la barra de estado con botones

Compatibilidad: Ms Internet Explorer, Netscape
Este script permite controlar fecha y hora en la barra de estado del navegador gracias a tres botones.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

<!--  Activate Cloaking Device

//********************************************************************

//           Date & Time Display on the Status Bar

// Developed by Timothy Wallace ,  timothy@essex1.com

//********************************************************************

// Global variables for timer.

var timerID = null;

var timerRunning = false;

// Called by both onLoad in BODY tag, and Resume button.

function startclock ()

{

// Make sure the clock is stopped

stopclock();

time();

}

// Kills clock.

function stopclock ()

{

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;

}

function time ()

{

var now = new Date();

var yr = now.getYear();

var mName = now.getMonth() + 1;

var dName = now.getDay() + 1;

var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();

var ampm = (now.getHours() >= 12) ? " P.M." : " A.M."

var hours = now.getHours();

hours = ((hours > 12) ? hours - 12 : hours);

var minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();

var seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();

if(dName==1) Day = "Domingo";

if(dName==2) Day = "Lunes";

if(dName==3) Day = "Martes";

if(dName==4) Day = "Miércoles";

if(dName==5) Day = "Jueves";

if(dName==6) Day = "Viernes";

if(dName==7) Day = "Sábado";

if(mName==1) Month="Enero";

if(mName==2) Month="Febrero";

if(mName==3) Month="Marzo";

if(mName==4) Month="Abril";

if(mName==5) Month="Mayo";

if(mName==6) Month="Junio";

if(mName==7) Month="Julio";

if(mName==8) Month="Agosto";

if(mName==9) Month="Septiembre";

if(mName==10) Month="Octubre";

if(mName==11) Month="Noviembre";

if(mName==12) Month="Diciembre";

// String to display current date.

var DayDateTime=(" "

+ Day

+ "     "

+ Month

+ " "

+ dayNr

+ ", "

+ "19"

+ yr

+ "     "

+ hours

+ minutes

+ seconds

+ " "

+ ampm

);

// Displays Day-Date-Time on the staus bar.

window.status=DayDateTime;

timerID = setTimeout("time()",1000);

timerRunning = true;

}

// Stops clock and clears status bar.

function clearStatus()

{

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;

window.status=" ";

}

// Used for View Source

function WinOpen()

{

alert('\nPage will load to full screen.\n\nUse View/Document Source from menu bar to view source.\n\nClose new window to return to this page. ');

window.open("js-statc.htm","DisplayWindow","menubar=yes,status=yes");

window.open("js-statc.htm","DisplayWindow","menubar=yes,status=yes");   // double call for Macs

}

// Deactivate Cloaking -->

</SCRIPT>

</HEAD>

<form>

<TR>

</TR>

</TABLE>

</form>

</body>
</html>