자바스크립트로 과제로 사이트 이미지 자동으로 변경되는거 만들고 있는데 전혀안되고 있음 

아래코드 왜안돼는지좀 알려주세요 제발유 


$(function () {


  var container = $(this), 

      slideGroup = container.find('.slideshow-slides'), 

      slides = slideGroup.find('.slide'), // <== 4개가 있다

      nav = container.find('.slideshow-nav'), // 

      indicator = container.find('.slideshow-indicator'), // 


      slideCount = slides.length, // 슬라이드 갯수

      indicatorHTML = '', // 인디게이터 콘텐트

      currentIndex = 0, // 현재 슬라이드의 인덱스

      duration = 500, // 다음 슬라이드에 애니메이션의 소요 시간

      easing = 'easeInOutExpo', // 다음 슬라이드에 애니메이션의 이징 종류

      interval = 5000, // 자동으로 다음 슬라이드로 옮길 때까지의 시간

      timer; // 타이머

     ss;

     $(document).ready(function(){

      ss = setInterval(add , 5000);

     });

   $(function add( {

      

      for( ; ; ) {

   if (Math.floor(setInterval/5000)==0) {

      $("#slide-pool>#one").addClass("add");

      $("#slide-pool>#two").removeClass("add");

      $("#slide-pool>#three").removeClass("add");

      $("#slide-pool>#two").addClass("addNone");

      $("#slide-pool>#three").addClass("addNone");

   } 

   else  if(Math.floor(setInterval/5000)==1){

      $("#slide-pool>#two").addClass("add");

      $("#slide-pool>#one").removeClass("add");

      $("#slide-pool>#three").removeClass("add");

      $("#slide-pool>#one").addClass("addNone");

      $("#slide-pool>#three").addClass("addNone");

   }

   else if(Math.floor(setInterval)==2){

      $("#slide-pool>#three").addClass("add");

      $("#slide-pool>#one").removeClass("add");

      $("#slide-pool>#two").removeClass("add");

      $("#slide-pool>#one").addClass("addNone");

      $("#slide-pool>#two").addClass("addNone");

   }

   });

});


      slides.each(

        function (i) 

        {

               $(this).css({ left: 100 * i + '%' });

                  console.log("left:"+ 100 * i + '%');


               indicatorHTML += '<a href="#">' + (i + 1) + '</a>';

        }

     );

       console.log("indicator.html="+indicatorHTML);</p><p><br></p><p>      // 인디게이터에 콘텐트를 삽입</p><p>      indicator.html(indicatorHTML);</p><p>      // 타이머를 시작하는 함수</p><p>       function timerFunc()</p><p>      {</p><p>             console.log("timerFunc..");

             var nextIndex = (currentIndex + 1) % slideCount;

             goToSlide(nextIndex);

      }


       function startTimer () 

       {

            timer = setInterval( timerFunc, interval);

       }



       // 함수의 정의

        // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


       // 모든 슬라이드를 표시하는 함수

         function goToSlide (index) {

        // 슬라이드 그룹을 대상 위치에 맞게 이동

        slideGroup.animate({ left: - 100 * index + '%' }, duration, easing);

        // 현재 슬라이드의 인덱스를 덮어쓰기

          currentIndex = index;

        // 탐색 및 표시 상태를 업데이트

           updateNav();

              

}



    // 슬라이드의 상태에 따라 탐색 및 표시를 업데이트하는 함수

    function updateNav () {

       var navPrev = nav.find('.prev'), // Prev (뒤로) 링크

       navNext = nav.find('.next'); // Next (앞으로) 링크

       // 만약 첫 번째 슬라이드이라면 Prev 탐색을 해제

       if (currentIndex === 0) {

           navPrev.addClass('disabled');

       } else {

           navPrev.removeClass('disabled');

      }

       // 만약 마지막 슬라이드이라면 Next 탐색을 해제

        if (currentIndex === slideCount - 1) {

          navNext.addClass('disabled');

        } else {

            navNext.removeClass('disabled');

        }

         // 현재 슬라이드의 표시를 해제

             indicator.find('a').removeClass('active')

          .eq(currentIndex).addClass('active');

      }



      function stopTimer () {

      clearInterval(timer);

      }


    


     // 인벤토리 등록

     // - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


      // 네비게이션 링크를 클릭하면 해당 슬라이드를 표시

       nav.on('클릭', 'a', function (event) {

           event.preventDefault();

             if ($(this).hasClass('prev')) {

             goToSlide(currentIndex - 1);

          } else {

             goToSlide(currentIndex + 1);

         }

        });


        // 인디게이터의 링크를 클릭하면 해당 슬라이드를 표시

            indicator.on('클릭', 'a', function (event) {

               event.preventDefault();

               if (!$(this).hasClass('active')) {

               goToSlide($(this).index());

          }

         });


         // 마우스오버를 하면 타이머를 정지 그렇지 않으면 시작

             container.on({

               mouseenter: stopTimer,

                mouseleave: startTimer

           });

         

         goToSlide(currentIndex);

          startTimer();



      


       });