javascript - jQuery:悬停时暂停图像滑动

Question

我希望图像 slider 在悬停时暂停。这是我的代码

 $(".col-md-8").hover(function() {
                clearTimeout(timer);
            }); 

在我看来这是正确的，但是出了点问题。什么是问题？提前致谢。

Link to my project in Codepen

Answer 1

看看这个 Pen

var nextimage = 0;
var timer = 0;
doSlideshow();

function doSlideshow() {
  if (nextimage >= images.length) {
    nextimage = 0;
  }
  $('.col-md-8').css('background-image', 'url("' + images[nextimage++] + '")').fadeIn(3000, function() {
    timer = setTimeout(doSlideshow, 3000);
  });
}
$(".col-md-8").hover(function() {
  clearTimeout(timer);
});

$(".col-md-8").mouseout(function() {
  setTimeout(doSlideshow, 3000);
});

var elems = document.getElementsByClassName("col-md-8");
for (var i = 0; i < elems.length; i++) {
 elems[i].style.backgroundRepeat = "no-repeat";
 elems[i].style.backgroundSize = "100%";
}