very basic jquery slider slide logic

slider.js

'use strict';

$(function(){
    //Configuration
    var width = 720;
    var animationSpeed = 1000;
    var pause = 3000;
    var currentSlide = 1;
    //Cache DOM
    var $slider = $('#slider');
    var $sliderContainer = $slider.find('.slides');
    var $slides = $sliderContainer.find('.slide');
    
    var interval;
   // Slider logic
    function startSlider(){
        interval = setInterval(function(){
            $sliderContainer.animate({'margin-left': '-='.width}, animationSpeed, function(){
               currentSlide++;
               if(currentSlide === $slides.length){
                   currentSlide = 1;
                   $sliderContainer.css({'margin-left':0});
               }
            });
        }, pause);
    }
    
    function stopSlider(){
        clearInterval(interval);
    }
    
    //Mouse enter and mouse leave event
    $slider.on('mouseenter', stopSlider).on('mouseleave', startSlider);
    startSlider();
    
    
});