Javascript 在onmouseover事件中更改图像并为每个图像设置中断/间隔

我需要更改

onmouseover

事件中的图像，但如何为每个图像设置中断/间隔-以下是我目前的代码：

函数幻灯片（）
{
var islide=新数组（“a.jpg”、“b.jpg”、“c.jpg”）；
var i；
对于（i=0；i您需要在幻灯片函数中使用
window.setTimeout（）
函数，而不是尽可能快地运行的for循环。
这将起作用：

您可以指定速度：“islide_intervall”（毫秒1000=1秒）


var islide=新数组（“a.jpg”、“b.jpg”、“c.jpg”）；
var islide_i=0；
var islide_intervall=2000；
var islide_timeout=null；
函数幻灯片（）{
var i=岛侧_i；
如果（i>=islide.length | i
<script>
var islide=new Array("a.jpg","b.jpg","c.jpg");
var islide_i = 0;
var islide_intervall = 2000;
var islide_timeout = null;

function slide(){
    var i = islide_i;
    if(i>=islide.length || i<0){islide_i=0;}
    islide_timeout = setTimeout(function(){
        var img = document.getElementById("slider");
        img.src = islide[islide_i];
        img.alt = islide[islide_i++];
        slide();
    }, islide_intervall);
}

function stop_slide(){
    if(islide_timeout){clearTimeout(islide_timeout)}
    islide_timeout = null;
}
</script>

<img src="c.jpg" id="slider" alt=""/>
<button type="button" onclick="slide()">Start</button>
<button type="button" onclick="stop_slide()">Stop</button>