| Sección
"Java Scripts" |
|
Lección
37 |
Contador
que devuelve la cantidad de días que faltan
para ...
|
Para el 21 de Diciembre faltan |
|
días |
Para
lograrlo, solo debes pegar este Script debajo de
donde dice <Body> en el HTML de tu página:
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="color:
#8080C0; font-family:
MS Sans
Serif; font-size: 12 pt">
<tr>
<td>
Para el 21 de Diciembre faltan </td>
<td>
<SCRIPT LANGUAGE = "JavaScript">
var now = new Date();
// set this value to the countdown date.
var then = new Date("December 21,
2002");
var gap = then.getTime() - now.getTime();
gap = Math.floor(gap / (1000 * 60 * 60 * 24));
document.write(gap);
</SCRIPT> </td>
<td>
días </td>
</tr>
</table>
</center>
</div>
|
|
Lo que
pinté con azul corresponde a la fecha que tomará
el contador para declarar la cantidad de días que
faltan..
Lo que
pinté con rojo son las palabras que aparecen en la
página antes del número que indica los días que
faltan para el evento.
Lo que
pinté con verde son las palabras que aparecen en la
página después del número que indica los días que
faltan para el evento.
Con
gris pinté la fuente de las letras utilizada para
este Script (la cambias a gusto).
Con
marrón pinté el color de las letras que
aparecerán, lo puedes modificar de acuerdo a la tabla
de colores.
Aquí copio nuevamente el código con
opción para seleccionarlo, cortar y pegar en tu
sitio.
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccinar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Esto
es lo que debes pegar debajo de donde dice <Body>
en el HTML de tu página:
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Buena
suerte.
|
