23/06/2012, 17:19
|
| | | Fecha de Ingreso: mayo-2012
Mensajes: 363
Antigüedad: 12 años, 6 meses Puntos: 0 | |
| contador regresivo con hora del servidor
ola a todos e conseguido un contador regresivo que al actualizar la pagina no vuelve a comenzar la cuenta atras;mi problema es que me gustaria poner solo dias,horas,minutos,segundos alguien m ayuda con el javacript,q tendria que modificar:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tiempo que resta</title>
</head>
<script type="text/javascript">
var mes = 11; //mes del evento 0:enero, 1:febrero, ...
var dia = 11; //dia del evento
var anio = 2020; //año del evento
var un_dia = 1000*60*60*24; //tiempo en milisegundos de duracion de un dia
var una_hora= 1000*60*60; //tiempo en milisegundos de duracion de una hora
var un_min = 1000*60; //tiempo en milisegundos de duracion de un minuto
var un_seg = 1000; //tiempo de duracion de 1 segundo
var aux; //variable que me permite almacenar datos temporales
var evento = new Date(anio,mes,dia); //dia del evento
var iniciado = true; //variable para verificar si ya inicio el evento
function cuenta_regresiva() {
var hoy = new Date(<?php time() ?>); //colocamos la hora del servidor
if(hoy.getday() == mes && hoy.getDay()>dia) //verificamos si el evento todavia no ocurre
iniciado = true;
aux = (evento.getTime()-hoy.getTime()); //obtenemos los milisegundos
var dias = Math.ceil(aux/un_dia); //dias que faltan
aux = (aux%un_dia); //residuo
var horas = Math.ceil(aux/una_hora); //horas que faltan
aux = aux%una_hora; //residuo
var mins = Math.ceil(aux/un_min); //minutos que faltan
aux = aux%un_min; //residuo
var segs = Math.ceil(aux/un_seg); //segundos
document.getElementById('show').innerHTML = dias + ' Dias ' + horas + ' horas ' + mins + ' Minutos ' + segs + ' Segundos ' ;
setTimeout(cuenta_regresiva,1000); //para mostrar el contador regresivo
}
</script>
<body onload="cuenta_regresiva()">
<h1 id="show">
</h1>
</body>
</html> |