Countdown / Countup
A pedido de Florsie unas pequeñas clases de Javascript. Para incluir contendio dinámico en una página hay dos opciones que se genere en el lado del cliente (el explorador web IE, Firefox, etc) o del lado del servidor. Cuando se implementa del lado del cliente se depende de variables locales como la hora que tiene configurada la maquina y es necesario que el explorador web pueda mostrar contenido dinámico (ahora casi todos los exploradores web pueden). En el otro caso del lado del servidor no se tiene los problemas anteriores sin embargo se requiere tener cierto nivel de acceso al servidor web que no siempre se puede tener.
Javascript
Countdown
<script language="javascript"> <!-- function countdown(syear,smonth,sday) { today = (new Date()).getTime(); day = (new Date(syear,smonth - 1,sday)).getTime(); time = day - today; days = (time - (time % 86400000)) / 86400000; if (days > 0) { document.write(days); } else { document.write("--"); } } // Fecha referencial countdown(2005,12,31); --> </script>
Este bloque de código mostrará los dias que faltan para llegar a la fecha referencial (solo el número). Entonces este código se copia y pega en el lugar donde quieras el número de dias. Por ejemplo "Faltan <<codigo>> días para regresar a Piura".
Faltan días para mi regreso a Piura.
Javascript
Countup
<script language="javascript"> <!-- function countup(syear,smonth,sday) { today = (new Date()).getTime(); day = (new Date(syear,smonth - 1,sday)).getTime(); time = today - day; days = (time - (time % 86400000)) / 86400000; if (days > 0) { document.write(days); } else { document.write("--"); } } // Fecha referencial countup(2005,12,31); --> </script>
Este bloque de código mostrará los dias que han pasado desde la fecha referencial (solo el número). Entonces este código se copia y pega en el lugar donde quieras el número de dias. Por ejemplo "Han pasado <<codigo>> días desde mi llegada.".
Han pasado días desde mi llegada.
No pongo las implementaciones para servidor porque no creo que tengas el acceso necesario para instalarlas. Entonces para poner el contador en tu blog bastaria con que edites tu platilla y copies y pegues el código tal como esta arriba y cambies la fecha a la que quieras.
4 Respuestas a Countdown / Countup
creo que ya quedó!!! muchas gracias steve! eres un amor
waaaaaa... aunq no era para mi te doi las gracias tb ;) si me das permiso para implementarlo claro está jjejejeje saludines!!
florsie, para que te quede mejor ponlo en la plantilla asi:
<h2 class="sidebar-title">
<script language="javascript">
<!--
.... ....
-->
</script>
Dias desde que .... </h2>
elisa, claro q lo puedes implementar a mi me encanta compartir el conocimiento :D.
Esta buenisimo pero... como estoy implementando
En una pagina htm, puse un contador que me muestra cuanto falta para el
inicio de un evento, el problema es que hace la diferencia con la hora
del usuario y solo muestra el tiempo restante correcto si el usuario es
del mismo lugar.
Como puedo conseguir la hora del servidor...sin usar php, la pagina es
estatica.
Mil gracias. Norma
ledemares2002@yahoo.com.ar
¿Quíeres decir algo?