clearInterval is not working when checking condition inside setInterval

Question

Actually , i'm designing an autoplay slider using vanilla javascript . so there are two functions , one will play the forward slider while other reverse . When i'm on the last item in the forwardslider , i want to clear the interval and start the reverse slider and vice versa when im on the reverse slider's last item , i want to clear the interval and start the forward slider . But the intervals are not being cleared and once it switches to the reverse slider and keeps on running both the intervals

function sliderForwardAutoplay(){
  var Fid = setInterval(()=>{
      var currentSlider = document.querySelector('.current-slider');
      if(parseInt(currentSlider.dataset.num)===2){
          clearInterval(Fid);
          sliderReverseAutoplay();
      }
      // alert(currentSlider.dataset.num+1);
      // currentSlider.classList.add('swipe-left');
      getSliderLayer(parseInt(currentSlider.dataset.num)+1).classList.add('swipe','current-slider');
      setInterval(()=>{
          getImgLayer(parseInt(currentSlider.dataset.num)+1).classList.add('left-0');
      },500);
      currentSlider.classList.remove('current-slider');
  },5000);
}

function sliderReverseAutoplay(){
  var Rid = setInterval(()=>{
      var currentSlider = document.querySelector('.current-slider');
      if(parseInt(currentSlider.dataset.num)===0){
          clearInterval(Rid);
          sliderForwardAutoplay();
      }
      // alert(currentSlider.dataset.num+1);
      // currentSlider.classList.add('swipe-left');
      getSliderLayer(parseInt(currentSlider.dataset.num)).classList.add('swipe-right');
      getSliderLayer(parseInt(currentSlider.dataset.num)-1).classList.add('current-slider');        currentSlider.classList.remove('current-slider');
      
  },5000);
}

This is sort of a duplicate of: https://stackoverflow.com/questions/16599878/can-clearinterval-be-called-inside-setinterval hope this helps :) — Elad Amsalem, Sep 07 '20 at 15:27
Everything seems to be right, are you sure, that your code gets inside if statement? — Yevhenii Shlapak, Sep 07 '20 at 15:48
Yes the code gets inside the if block . I used an alert to notify , that is working but the interval is not getting cleared — vipul devnani, Sep 08 '20 at 04:53

clearInterval is not working when checking condition inside setInterval

0 Answers0