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?
d.elinterval=setinterval( ... )
y luegoclearInterval(d.elInterval)
( d o this o el scope donde corre el set/clear interval )