Añadir actualizar a la cuenta atras

visona · #1 (**permalink**) 12/06/2010, 15:30

Hola a todos;
¿Que deberia poner en este codigo, para que cuando llegue a 0 me cargue una pagina?

Código PHP:

  <html>

 
<head>

<script language="javascript">

<!--

//Codigo que muestra una cuenta atras hasta finalizar el tiempo indicado

//La Web del Programador

//http://www.lawebdelprogramador.com

 
//variables que determinan el tital de horas, minutos y segundos para la cuenta atras

toHour=1;

toMinute=0;

toSecond=0;

 
//cuenta atras

function countDown()

{

    toSecond=toSecond-1;

    if(toSecond<0)

    {

        toSecond=59;

        toMinute=toMinute-1;

    }

    form.second.value=toSecond;

 
    if(toMinute<0)

    {

        toMinute=59;

        toHour=toHour-1;

    }

    form.minute.value=toMinute;

 
    form.hour.value=toHour;

    if(toHour<0)

    {

        //final

        form.second.value=0;

        form.minute.value=0;

        form.hour.value=0;

    }else{

        setTimeout("countDown()",1000);

    }

}

-->

</script>

 
<style type="text/css">

.form_input

{

    font-family: Verdana;

    font-size: 12;

    color: #ffffff;

    border-width: 0;

    background-color: #000077;

    text-align: right;

}

</style>

</head>

 
<body onload="countDown();">

<form name="form">

    Tiempo restante...: 

    <input type="text" size="5" class="form_input" name="hour" disabled>:

    <input type="text" size="5" class="form_input" name="minute" disabled>:

    <input type="text" size="5" class="form_input" name="second" disabled>

</form>

 
</body>

</html>

Un saludo

Adler · #2 (**permalink**) 12/06/2010, 16:18

Hola

Cita:

window.location.assign("página")

Suerte

_cronos2 · #3 (**permalink**) 12/06/2010, 16:31

¿Por qué assign?¿Qué diferencia hay entre assign y href?
Saludos (:

visona · #4 (**permalink**) 13/06/2010, 05:14

Pero donde coloco exactamente ese codigo, o como lo coloco, ya que si lo coloco al final, me actualiza cada evz que pasa.

Un saludo

Adler · #5 (**permalink**) 13/06/2010, 05:49

Hola

No me he parado a revisar el código pero supongo que es aquí

Cita:

form.second.value=0;
form.minute.value=0;
form.hour.value=0;

Cita:

Iniciado por _cronos2

¿Por qué assign?¿Qué diferencia hay entre assign y href?
Saludos (:

Para ser sincero no se la diferencia que hay entre document.location.href y window.location.assign. Un poco de lectura

Suerte

visona · #6 (**permalink**) 13/06/2010, 13:01

Ok, si es ahi donde se coloca, ya me funciona bien.
Otra cosa...
Se puede parar el tiempo con algun comando.
Me explico, en esta pagina se meten comentarios, cuando alguien quiere poner un comentario me gustaria que se parara el tiempo para que le de tiempo a escribirlo.

Un saludo

Adler · #7 (**permalink**) 13/06/2010, 16:07

Hola

Prueba con esto

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
restante = 0;
iniciado = true;
 
function countDown(t) {
TiempoEnSegundos = t/60/60;
horasTotales =  parseInt(t/60/60);
minutosFaltan = (TiempoEnSegundos - parseInt(TiempoEnSegundos));
minutosFaltan2 = (minutosFaltan*1000*60*60);
minutosFaltan2 = (minutosFaltan2/1000/60);
minutosTotales = parseInt(minutosFaltan2);
segundosFaltan = (minutosFaltan2 - parseInt(minutosFaltan2));
segundosFaltan2 = (segundosFaltan*1000*60);
segundosTotales = parseInt(segundosFaltan2/1000);
restante = parseInt(t-1);
 
if(horasTotales < 10) {horasTotales = '0' + horasTotales;}
if(minutosTotales < 10) {minutosTotales = '0' + minutosTotales;}
if(segundosTotales < 10) {segundosTotales = '0' + segundosTotales;}
 
    if(restante<0) {
        document.form.hour.value='00';
        document.form.minute.value='00';
        document.form.second.value='00';
        clearTimeout(tiempo);
        window.location.assign("pagina.php")
        }else{ 
        document.form.hour.value=horasTotales;
        document.form.minute.value=minutosTotales;
        document.form.second.value=segundosTotales;
        tiempo = setTimeout("countDown(restante)",1000);
    }
}
 
 
function PararContinuar(val){
    if (iniciado == false) 
        if(val == 1) {
            countDown(restante);
            iniciado = true;
        }
    
    if (iniciado == true) 
        if(val == 0) {
            clearTimeout(tiempo);
            iniciado = false;
        }
}
</script>
 
<style type="text/css">
.form_input
{
    font-family: Verdana;
    font-size: 12;
    color: #ffffff;
    border-width: 0;
    background-color: #000077;
    text-align: right;
}
</style>
</head>
 
<body onload="countDown(3600);">
<form name="form">
    Tiempo restante...: 
    <input type="text" size="5" class="form_input" name="hour" disabled>:
    <input type="text" size="5" class="form_input" name="minute" disabled>:
    <input type="text" size="5" class="form_input" name="second" disabled>
</form>
<input type="button" name="Button" value="Parar" onclick="PararContinuar(0);">
<input type="button" name="Button" value="Continuar" onclick="PararContinuar(1);">
</body>
</html>

Suerte