1

estoy empezando con JavaScript y Ajax y necesito un ayudita pls. Tengo dos funciones Ajax que cargan HTML a un div asignado, dentro hay un contador de segundos que refresca la función Ajax(funciona!) pero cuando le doy al botón para pasar a la otra función Ajax se me queda el contador anterior en marcha y me refresca la función de antes y la nueva (vaya lioo!) os dejo el código por aquí

<script>
function loadactivity () {  
    \$.post("http://miweb/ajax.cgi",
        {
        'action': "activity",
        'region': "$region",
        'bracket': "$bracket"
        },
        function(data){
            \$("#activity").html(data);
        }
    );
}
function loadtracking () {  
    \$.post("http://miweb/ajax.cgi",
        {
        'action': "tracking",
        'region': "$region",
        'bracket': "$bracket"
        },
        function(data){
            \$("#activity").html(data);
        }
    );
}
function countdown(action, seconds) {
    if (action == "stop") {
        clearInterval(timerId);
    }
    else {
        var count = seconds;
        var timerId = setInterval(function() {
            count--;
            document.getElementById("countdowntimer").textContent = count;
            if(count == 0) {
                clearInterval(timerId);
                if (action == "activity") {
                    loadactivity();
                }
                if (action == "tracking") {
                    loadtracking();
                }
            }
        }, 1000);
    }
}
loadactivity();
 </script>

En las funciones Ajax va lo siguiente:

<script>
countdown("stop");
countdown("activity", 30);
</script>
6
  • las variables $región $bracket y las \ detrás del $ es porque estoy imprimiendo desde Perl
    – Akond
    el 26 oct. 2017 a las 2:31
  • El problema está claro, tienes dos contadores refrescando el mismo elemento, pero ¿Qué es lo que quieres conseguir? el 26 oct. 2017 a las 8:00
  • Pues que el contador de loadactivity y loadtracking se pare cuando cambie a una de las funciones, osea la que no este cargada
    – Akond
    el 26 oct. 2017 a las 8:49
  • A ver si me aclaro: ¿Es esto tu escenario? ¿Quieres que si pulsas en los dos botones, no sobreescriban el contador ambos "intervalos", cancelándose el más antiguo? ¿Y que si pulso stop se pare? el 26 oct. 2017 a las 10:26
  • si, exacto. son dos pestañas y cuando paso de una a otra el contador de la anterior no para y a los x segundos me carga la pestaña de antes
    – Akond
    el 26 oct. 2017 a las 17:01

1 respuesta 1

1

Ya logre que funcione. El problema estaba en la variable timerId, no podía acceder a ella en el if stop pq aun no estaba declarada, alfinal me quedo este código:

...
var timerId;
function countdown(action, seconds) {
    var count = seconds;
    timerId = setInterval(function() {
        count--;
        document.getElementById("countdowntimer").textContent = count;
        if(count == 0) {
            stopinterval();
            if (action == "activity") {
                loadactivity();
            }
            if (action == "tracking") {
                loadtracking();
            }
        }
    }, 1000);
}
function stopinterval () {
    clearInterval(timerId);
}

y en la funciónes que llama Ajax

<script>
stopinterval();
countdown("tracking", 60);
</script>
1
  • Deberías seleccionar la respuesta como aceptada, para que así la pregunta quede marcada como respondida el 17 jul. 2018 a las 14:07

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.