JAVASCRIPT - Horario y tiempo pasado en una página con un botón

Horario en una página con botón

Compatibilidad: Ms Internet Explorer, Netscape
Este script muestra un botón que, una vez pulsado, nos da la hora de entrada en la página, la hora corriente y el tiempo pasado en dicha página hasta ese momento.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

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

<!--  Activate Cloaking Device

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

// The TIMERLESS TIMER  (without graphical display)

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

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

var onHours = " ";

var onMinutes = " ";

var onSeconds = " ";

var offHours = 0;

var offMinutes = 0;

var offSeconds = 0;

var logSeconds = 0;

var logMinutes = 0;

var logHours = 0;

var OnTimeValue = " ";

var OffTimeValue = " ";

var PageTimeValue = " ";

// Back to previous page.

function WinOpen()

{

getLogoffTime();

window.location="js-timet.htm"

window.location="js-timet.htm"   // double call for Mac users??

}

// Loads HTML page to full window for View Source.

function WinOpen1()

{

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-timer.htm","DisplayWindow","menubar=yes,scrollbars=yes");

window.open("js-timer.htm","DisplayWindow","menubar=yes,scrollbars=yes");   // double for Macs

}

// Captures logon time.

function getLogonTime()

{

var now = new Date();

// Used to display logon time.

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();

// String to display log-on time.

OnTimeValue =(" "

+ Hours

+ Minutes

+ Seconds

+ " "

+ ampm);

// Capture logon time for use in timer().

onHours = now.getHours();

onMinutes = now.getMinutes();

onSeconds = now.getSeconds();

}

function getLogoffTime()

{

var now = new Date();

// Used to display logoff time.

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();

// String to display log-off time.

OffTimeValue =(" "

+ Hours

+ Minutes

+ Seconds

+ " "

+ ampm);

// Capture logoff time for use in timer().

offHours = now.getHours();

offMinutes = now.getMinutes();

offSeconds = now.getSeconds();

timer();

}

// Compute difference between logoff time and logon time.

function timer()

{

if (offSeconds >= onSeconds)

{ logSeconds = offSeconds - onSeconds; }

else

{

offMinutes -= 1;

logSeconds = (offSeconds + 60) - onSeconds;

}

if (offMinutes >= onMinutes)

{ logMinutes = offMinutes - onMinutes; }

else

{

offHours -= 1;

logMinutes = (offMinutes + 60) - onMinutes;

}

logHours = offHours - onHours;

// Used to display time on page.

logHours =  ((logHours < 10) ? "0" : ":") + logHours;

logMinutes = ((logMinutes < 10) ? ":0" : ":") + logMinutes;

logSeconds = ((logSeconds < 10) ? ":0" : ":") +logSeconds;

// String to display time on page.

PageTimeValue =(" "

+ logHours

+ logMinutes

+ logSeconds);

displayTimes();

}

function displayTimes()

{

alert("\nLOG ON TIME    : " +OnTimeValue+"\n\nLOG OFF TIME  : "+OffTimeValue+"\n\nTIME ON PAGE : " + PageTimeValue);

}

// Deactivate Cloaking -->

</SCRIPT>

</HEAD>

<FORM>

</FORM>

</body>
</html>