Javascript 如何使用jquery实现自动和手动滑块，并将滑块暂停在悬停状态

我同时实现了自动和手动图像滑块。但是我还想暂停自动滑动悬停。我怎样才能做到这一点。下面是代码片段。除了jQuery，没有其他外部库

var slideIndex = 0;
  var slides = document.getElementsByClassName("mySlides");

showSlides();

function showSlides() {    
    var i;    
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none"; 
    }
    slideIndex++;
    if (slideIndex> slides.length) {slideIndex = 1} 
    slides[slideIndex-1].style.display = "block"; 
    setTimeout(showSlides, 5000); // Change image every 5 seconds
}

function currentSlide(no) {
    var i;    
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none"; 
    }
    slideIndex = no;
    slides[no-1].style.display = "block";
}

function plusSlides(n) {
  var newslideIndex = slideIndex + n;
  if(newslideIndex < 4 && newslideIndex > 0){
     currentSlide(newslideIndex);
  }
}

var slideIndex=0；
var slides=document.getElementsByClassName（“mySlides”）；
放映幻灯片（）；
函数showSlides（）{
var i；
对于（i=0；islides.length）{slideIndex=1}
幻灯片[slideIndex-1].style.display=“block”；
setTimeout（showSlides，5000）；//每5秒更改一次图像
}
功能当前幻灯片（否）{
var i；
对于（i=0；i0）{
当前幻灯片（新闻幻灯片索引）；
}
}