Bonjour,

Voila je rencontre un petit problème avec mon code.
J'ai crée un slider. Le code est orienté POO.

J'ai une méthode 'playAuto' qui lance un setInterval. Jusqu'ici pas de soucis.
Je souhaiterai, lorsque je clique sur le bouton "pause", arrêter le défilement automatique.

J'ai essayé ceci mais il ne se passe rien:

 playAuto() {
        setInterval(() => {
            this.next();
        }, this.interval);
    }

    stopPlay(){
        clearInterval( () => {
            this.playAuto()
        })

    }

let slider = new Slider(2000,  'slide');
slider.showSlide();
slider.playAuto();

let btnPause = document.getElementById('pause')
btnPause.addEventListener('click', () => slider.stopPlay())

1 réponse


La fonction setInterval te renvoie un identfiant.
Il faut utiliser cet identifiant pour l'arrêter : clearInterval(id).