Una cuenta regresiva muy precisa
¿Desea saber cuánto ha esperado antes de que ocurra un acontecimiento específico? Esta cuenta regresiva aparece en tiempo
real y con una precisión de un segundo, para indicar cuanto queda para... Pascua, por ejemplo.
Para crear esta cuenta regresiva, copie primero el siguiente script en el encabezamiento de su página. Especifique simplemente
la fecha de referencia de la cuenta regresiva en formato inglés. Aquí, hemos elegido Pascua a medianoche (
Dec 25 2002 00:00:00). También puede personalizar el texto de visualización del script:
<SCRIPT LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Dec 25 2002 00:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " second" : " seconds";
min = (minutesRound == 1) ? " minute" : " minutes, ";
hr = (hoursRound == 1) ? " hour" : " hours, ";
dy = (daysRound == 1) ? " day" : " days, "
document.timeForm.input1.value = "There's " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + " before next Xmas!";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
Después, vaya a su página e inserte la forma que visualizará la cuenta regresiva. Este es un simple campo de texto que tiene
la siguiente forma:
<form name=timeForm>
<input type="texte" name=input1 size=110 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right:
0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
</form>
Ahora todo lo que tiene que hacer es iniciar la ejecución del script mediante el atributo
onLoad de la etiqueta
<body> de su página. Un juego de niños:
<BODY onLoad="getTime()">
Ahora, sabe cuánto tiene que esperar antes de que pueda comer su huevo de pascua de chocolate.