Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés.
Al continuar con la navegación entendemos que se acepta nuestra política de cookies.
Iniciar sesión Cerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta

Código de JavaScript - Cuenta atrás

Cuenta atrásgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella
Publicado el 08 de Julio del 2012 por Xavi
3.843 visualizaciones desde el 08 de Julio del 2012. Una media de 35 por semana
Código que muestra una cuenta atrás desde un valor dado, permitiendo indicar el número de días si fuera superior a 1.

Versión 1
estrellaestrellaestrellaestrellaestrella

Publicado el 08 de Julio del 2012gráfica de visualizaciones de la versión: Versión 1
3.844 visualizaciones desde el 08 de Julio del 2012. Una media de 35 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

<html> <head> </head> <body> <h1>Cuenta atras</h1> <h2 id='CuentaAtras'></h2> <script language="JavaScript"> <!-- /* Determinamos el tiempo total en segundos */ var totalTiempo=20; var timestampStart = new Date().getTime(); var endTime=timestampStart+(totalTiempo*1000); var timestampEnd=endTime-new Date().getTime(); /* Variable que contiene el tiempo restante */ var tiempRestante=totalTiempo; /* Ejecutamos la funcion updateReloj() al cargar la pagina */ updateReloj(); function updateReloj() { var Seconds=tiempRestante; var Days = Math.floor(Seconds / 86400); Seconds -= Days * 86400; var Hours = Math.floor(Seconds / 3600); Seconds -= Hours * (3600); var Minutes = Math.floor(Seconds / 60); Seconds -= Minutes * (60); var TimeStr = ((Days > 0) ? Days + " dias " : "") + LeadingZero(Hours) + ":" + LeadingZero(Minutes) + ":" + LeadingZero(Seconds); /* Este muestra el total de hora, aunque sea superior a 24 horas */ //var TimeStr = LeadingZero(Hours+(Days*24)) + ":" + LeadingZero(Minutes) + ":" + LeadingZero(Seconds); document.getElementById('CuentaAtras').innerHTML = TimeStr; if(endTime<=new Date().getTime()) { document.getElementById('CuentaAtras').innerHTML = "00:00:00"; }else{ /* Restamos un segundo al tiempo restante */ tiempRestante-=1; /* Ejecutamos nuevamente la función al pasar 1000 milisegundos (1 segundo) */ setTimeout("updateReloj()",1000); } } /* Funcion que pone un 0 delante de un valor si es necesario */ function LeadingZero(Time) { return (Time < 10) ? "0" + Time : + Time; } //--> </script> </body> </html>

Comentarios sobre la versión: Versión 1 (0)


No hay comentarios
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios