[SOLUCIONADO] ejecutar contador de segundos al dar clic en un enlace

[mager3]

Hola a todos;

al dar clic en un enlace, como se generan unos archivos planos tarda un poco y quisiera mostrar un contador de segundos que actualmente me esta funcionando, pero el empieza a contar desde que el usuario accede a la pagina y no desde que da clic en el enlace.

No se casi de javascript pero intente ponerlo en el evento onclic del href y el script en una funcion .. pero no funciono porque cuando llama la funcion se queda en 0.1 y no continua avanzando los segundos.. que podría hacer?

Esta es el codigo

Código HTML:

<form name="d">
                     <p> 
                       <input name="d2" size="8" style="text-align: center; border:none" />
                      </p>
                 </form>
 

Código Javascript:

<script>
    function reloj(){
var milisec=0
                var seconds=0
                document.d.d2.value='0'
                function display(){
                if (milisec>=9){
                milisec=0
                seconds+=1
                }
                else
                milisec+=1
                document.d.d2.value=seconds+"."+milisec
                setTimeout("display()",100)
                }
                display()
    }
</script>
 

la idea es que cuando le de clic en este enlace inicie el contador que de por cierto tiene otra funcion que oculta un div

Código HTML:

<a href="facturas_rp.php" onClick="return ocultar_facturas();" >
 

[IsaBelM]

Tienes varios problemas, aunque el principal problema lo tienes con el temporizador https://developer.mozilla.org/es/doc...ers/setTimeout

[mager3]

Hola estuve leyendo el documento pero no encuentro el problema ya que el temporizador me funciona correctamente , mi problema radica es que quiero que solo inicie cuando le de clic en un href, no se si estoy leyendo el documento y no estoy interpretando lo que tu me quieres decir...

[Fernand0]

Iniciado por mager3

Código HTML:

<a href="facturas_rp.php" onClick="return ocultar_facturas();" >
 

Si la funcion reloj es la que queres ejecutar, por que esta "ocultar_facturas();"?
Tal vez estes ejecutando reloj(); en otra parte de tu codigo que no estas mostrando.

Te recomiendo esta pagina, jsFiddle, para que pongas tu codigo o parte de tu codigo para que le sea mas facil a los demas ayudarte.

[mager3]

Fernando, la verdad quiero ejecutar dos funciones.. tienes razon , no la puse alli, seria asi:

Código HTML:

<a href="facturas_rp.php" onClick="reloj();return ocultar_facturas();" >
 

porque la de ocultar me oculta el link, para que al dar clic se desaparezca dicho link y aparezca el reloj con el contabilizador mientras se procesa la pagina... basicamente esa es mi idea.

[Fernand0]

Proba esto, cada 100 milesimas de segundo te actualiza el valor.

Código Javascript:

function reloj() {
    
    var milisecs = 0;
    
    document.d.d2.value = '0';
    
    setInterval(function() {
        
        milisecs += 0.1;
        
        document.d.d2.value = milisecs.toFixed(1);
        
    }, 100);
 
};
 

[mager3]

Hey Fernand0 , Excelente , muchas gracias , funciono de maravilla voy analizar el codigo para aprender.... saludos.

grcias isabell tambien por la informacion aunque por mi bajo conocimiento de javascript no pude avanzar mucho con el problema.