如何在 java 脚本中清除鼠标悬停的间隔？

Question

    <script type="text/javascript">
var images=["cod.jpg","cod2.jpg","cod3.jpg","cod4.jpg"];
var i=0;
window.onload=function(){
changeimage();
var stopinterval = setInterval(changeimage,3000);
}
function changeimage(){
if(i==images.length||i>images.length){
    i=0;
}

document.getElementById('metroslider').src=images[i];
i++;

}
function stopanim(){
    clearInterval(stopinterval);
    }
</script>

**正文在下方**

<div class="sliderbtns" onMouseMove="stopanim();">

但它不起作用请帮助我如何使用 On mousOver 函数停止间隔。谢谢。

Answer 1

var images = ["cod.jpg", "cod2.jpg", "cod3.jpg", "cod4.jpg"];
var i = 0;
var stopinterval;
window.onload = function() {
  changeimage();
  stopinterval = setInterval(changeimage, 333);
}

function changeimage() {
  document.querySelector('div').innerHTML = i;
  i++;

}

function startAnim() {
  if (stopinterval === null) { 
    stopinterval = setInterval(changeimage, 333);
  }
}

function stopanim() {
  if (stopinterval) { 
    clearInterval(stopinterval);
    stopinterval = null;
  }
}

<div onmouseover="stopanim()" onmouseout="startAnim()">mouse over to stop</div>

如何在 java 脚本中清除鼠标悬停的间隔？

how to clear Interval on Mouse Over in java script?

html

javascript

arrays

mouseover