jQuery的：暂停图像上滑动悬停

Question

我要上悬停图像滑块暂停。 这是我的代码

$(".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%"; 
}