Кто может помочь мне добавить правильный автопилот Wallop slider

Question

Я добавил функцию автовоспроизведения на ползунок Wallop, и я пытаюсь добавить перезапуск после того, как пользователь нажимает на клавиатуру слева или вправо. Проблема, если нажать несколько раз на одной стрелки, слайд идет странно ^^

Вот ручка моей работы: http://codepen.io/Le-future/pen/Nxexrw

$(document).ready(function(){ 
    "use strict"; 

    var wallopEl = document.querySelector('.Wallop'); 
     var slider = new Wallop(wallopEl); 

    var timer = setInterval('$(".Wallop .Wallop-buttonNext").click()', 5000); //assign timer to a variable 


    $(document).keydown(function(eventObject) { 

     if(eventObject.which==37) {//left arrow 

      $('.Wallop .Wallop-buttonPrevious').click();//emulates click on prev button 

      clearInterval(timer); //clear interval 

      setTimeout(function() { 

       var timer = setInterval('$(".Wallop .Wallop-buttonNext").click()', 5000); //start it again 

      }, 8000); 

     } 

     else if(eventObject.which==39) {//right arrow 

      $('.Wallop .Wallop-buttonNext').click();//emulates click on next button 

      clearInterval(timer); //clear interval 

      setTimeout(function() { 

       var timer = setInterval('$(".Wallop .Wallop-buttonNext").click()', 5000); //start it again 

      }, 8000); 

     } 

    }); 

}); 

Не стесняйтесь нажимать более чем в два раза стрелку клавиатуры, чтобы увидеть проблему.

Спасибо от заранее за любую помощь :-)

Answer 1

проверить этот пример кода из репозитория:

jQuery(document).ready(function() { 
    var photoslider = new WallopSlider('.photo-slider'); 

    var count = photoslider.allItemsArrayLength; 
    var start = photoslider.currentItemIndex; 
    var end = count+1; 
    var index = start;  

    jQuery(function(){ 
     setInterval(function() { 
      photoslider.goTo(index);  
      ++index; 
      if (index == end) {index=start} 
     },3000); 
    }); 
}); 

Источник: peduarte/wallop issues

Также проверьте http://codepen.io/peduarte/pen/wKwbYJ и http://codepen.io/peduarte/pen/RapQBB