0

Necesito anular un setInterval que se dispara cuando se clicea un botón. La función se encuentra en un módulo y se exporta al index. Muestro la función:

let d = document;
export default function digitalWatch(watch, showWatchBtn, hideWatchBtn, hours, minutes, seconds ) {
    
    d.addEventListener('click', (e) => {
        if(e.target.matches(showWatchBtn)) {
            
            setInterval(()=>{
                document.querySelector(watch).classList.add('is-active');
                currentTime(hours, minutes, seconds);
                d.querySelector(showWatchBtn).disabled = true
            }, 1000)
        }
        if(e.target.matches(hideWatchBtn)){
            
            d.querySelector(watch).classList.remove('is-active');
            clearInterval();
        }
    })
}

El clearInterval() que está en el segundo if se debería disparar cuando se clicea un segundo botón. Pero no lo hace. La línea de código que está encima si funciona, pero al segundo sigue funcionando el setInterval del primer condicional. Cómo logro desactivarlo?

1

1 respuesta 1

1

Lo que falta en tú código es asignar el valor de setInterval a una variable, para poder llamarlo desde otro fragmento, como lo muestro a continuación:

let d = document;
let reloj;
export default function digitalWatch(watch, showWatchBtn, hideWatchBtn, hours, minutes, seconds ) {
    
    d.addEventListener('click', (e) => {
        if(e.target.matches(showWatchBtn)) {
            
            reloj = setInterval(()=>{
                document.querySelector(watch).classList.add('is-active');
                currentTime(hours, minutes, seconds);
                d.querySelector(showWatchBtn).disabled = true
            }, 1000)
        }
        if(e.target.matches(hideWatchBtn)){
            
            d.querySelector(watch).classList.remove('is-active');
            clearInterval(reloj);
        }
    })
}

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.