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
tiggersetTimeout
中。这很糟糕。应改用实际函数名: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:)