Question

我在鼠标悬停和输出功能方面遇到了问题。我的意思是当鼠标悬停在图像上时图像应该停止但是当鼠标出现时应该发生相同的间隔。

谢谢你的帮助。

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

我不确定为什么要使用＆＃34; intervalHandler＆＃34;再次设置间隔，并且不要认为有这样的用途。

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

你应该写

intervalHandle=setInterval(changeImage,5000);

在onmouseout处理程序中使其正常运行。

Answer 2

尝试将您的脚本放在页面底部。它对我有用

javascript鼠标悬停和退出功能

2 个答案: