Javascript 悬停时循环图像-设置间隔问题

Javascript 悬停时循环图像-设置间隔问题,javascript,html,slideshow,Javascript,Html,Slideshow,我的代码运行良好… 但有一件事我无法解决: 当Imouseover图像时,循环开始得很好,但在随后的mouseover上,它开始变得越来越快 var Image=new数组(“//placehold.it/400x180/?text=Welcome”, “//placehold.it/400x180/?text=To”, “//placehold.it/400x180/?text=My”, “//placehold.it/400x180/?text=Web+page”, “//placehol

我的代码运行良好…
但有一件事我无法解决:
当I
mouseover
图像时,循环开始得很好,但在随后的mouseover上,它开始变得越来越快

var Image=new数组(“//placehold.it/400x180/?text=Welcome”,
“//placehold.it/400x180/?text=To”,
“//placehold.it/400x180/?text=My”,
“//placehold.it/400x180/?text=Web+page”,
“//placehold.it/400x180/?text=INPHP”);
var图像_编号=0;
var Image_Length=Image.Length;
函数更改\u图像(num){
图像编号=图像编号+num;
if(图像编号>图像长度)
图像编号=0;
if(图像编号<图像长度)
document.slideshow.src=图像[图像编号];
返回false;
图像编号=图像长度;
}
功能自动(){
设置间隔(“更改图像(1)”,1000;
}

在每个
鼠标上方
都会重新分配一个全新的间隔™ 导致多个功能同时运行

  • IMG标签上的名称是一个-另请参见
  • “更改图像(1)”
    …字符串在
    setInterval
    setTimeout
    tigger
    eval
    中。这很糟糕。应改用实际函数名:
    setInterval(functionName,ms)
  • 您没有很好地管理参数
    num
  • return
    语句后不能有代码
  • 使用
    mouseenter
    事件(而不是
    mouseover
  • 还有更多的错误
这里有一个重拍:

var图像=[
“//placehold.it/400x180/?text=Welcome”,
“//placehold.it/400x180/?text=To”,
“//placehold.it/400x180/?text=My”,
“//placehold.it/400x180/?text=Web+page”,
“//placehold.it/400x180/?text=INPHP”
];
var c=0;//c作为柜台吗?
var tot=图像长度;
var angryCat=假;
//预加载!确保所有图像都在房子里

对于(VarI=0;我喜欢它-就叫它afeature@AndrewMairose有趣但不相关且没有帮助的评论。(LOLd这么多:D)@downvorters,拜托,OP提供了他到目前为止所做的所有编码,这个问题很容易理解。表现出一些运动精神。感谢所有人的回答,,,,这太有帮助了…甚至LOL也让我开心了:)thx:)