javascript - 조건 문의 Fullpagejs 호출 함수

코드 여기 :

$('#fullpage').fullpage({
	
  afterLoad: function(anchorLink, index){	
  
  
  	if(index == 1){	
    
      	var $squares = $('.grid-container div');
        function imgFade() {
          $squares.removeClass('active')
          //Choose 2 random divs
          var square1 = $squares.eq([Math.floor(Math.random()*$squares.length)]) 
          var square2 = $squares.eq([Math.floor(Math.random()*$squares.length)])
          //Assign active class
          $([square1, square2]).each( function(){
            $(this).addClass('active');
          });
          setTimeout(imgFade, 2000);
        }
        imgFade();	
      
     } else {
        return false;
      }
 
    
    
    
	}
}); //end fullpage

body {margin:0}
section {
  height:100vh;
  width:100%;
}
.grid-container {width:100%;}
.grid-container div {
  width:20vw;
  height:33.33vh;
  float:left;
  background: purple;
  opacity: 1;
  border:1px solid white;
  transition: opacity 3s ease;
}
div.active {opacity: 0.5;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.6/jquery.fullpage.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.6/jquery.fullpage.min.js"></script>
<div id="fullpage">
  <section id="section0" class="section">
    <div class="grid-container">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </section>
  <section id="section1" class="section">
    Some stuff
  </section>
  
</div>

색인 (섹션)이 1 일 때 Fullpage.js를 사용하여 함수를 실행하려고합니다. 사용자가 다음 섹션으로 스크롤 할 때 함수가 중지되거나 일시 중지되고 싶습니다. 요소를 검사 할 때 조건문에 래핑 된 함수가 있어도 인덱스 1에 더 이상 없을 때 함수가 여전히 실행 중임을 알 수 있습니다 (상자가 여전히 색상이 변함).

따라서 첫 번째 섹션 (인덱스 1)에서만 함수를 실행하고 다른 섹션에서는 중지/일시 정지하는 방법을 알고 싶습니다.