Implement Autoplay Option about wallop HOT 10 CLOSED

(function(){
  var Wallop = require('wallop'),
  wallopEl = document.getElementById('slider'),
  slider = new Wallop(wallopEl, {
    // wallop options, like custom class names, ...
  });
  var autoPlayMs = 4500,
  nextTimeout,
  loadNext = function() {
    var nextIndex = (slider.currentItemIndex + 1) % slider.allItemsArray.length;
    slider.goTo(nextIndex);
  };
  nextTimeout = setTimeout(function() {
    loadNext();
  }, autoPlayMs);
  slider.on('change', function() {
    clearTimeout(nextTimeout);
    nextTimeout = setTimeout(function() {
      loadNext();
    }, autoPlayMs);
  });
  // the code you asked for:
  wallopEl.addEventListener('mouseenter', function() {
    clearTimeout(nextTimeout);
  });
  wallopEl.addEventListener('mouseleave', function() {
    nextTimeout = setTimeout(function() {
      loadNext();
    }, autoPlayMs);
  });
})();

jQuery(document).ready(function() {
         var photoslider = new WallopSlider('.photo-slider');
//autoplay
    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);
    });