Как очистить интервал от мыши в скрипте 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>