javascript mouseover and out functions

Question

mouseover 및 out 기능에 문제가 있습니다. 마우스가 이미지 위에있을 때 이미지가 멈추어야하지만 마우스가 없으면 같은 간격이 발생해야한다는 것을 의미합니다.

귀하의 도움에 감사드립니다.

var myImage = document.getElementById("world"); 

    var imageArray = ["imgs/worldGray.png","imgs/worldGreen.png","imgs/worldPink.png", "imgs/worldYellow.png", "imgs/world.png"];//html picture add here 
    var imageIndex=0; 


    function changeImage(){ 
     myImage.setAttribute("src",imageArray[imageIndex]); 
     imageIndex++; 
     if(imageIndex >=imageArray.length){ 
      imageIndex =0; 
     } 
    } 
    var intervalHandle=setInterval(changeImage,5000); 
    // the problem is in the below fucntions 
    myImage.onmouseover = function(){ 
     clearInterval(intervalHandle); 
    } 
    myImage.onmouseout = function(){ 
     setInterval(intervalHandle); 
    } 

Answer 1

"intervalHandler"를 사용하여 다시 간격을 설정하는 이유가 명확하지 않으므로 그러한 사용이 있다고 생각하지 않습니다.

http://www.w3schools.com/jsref/met_win_setinterval.asp

당신은 제대로 실행하기 위해 핸들러 onmouseout 내부

intervalHandle=setInterval(changeImage,5000); 

를 작성해야합니다.

Answer 2

페이지 하단에 스크립트를 넣으십시오. 그것은 나를 위해 일했습니다