如何在javascript中每3秒逐个更改图像（滑块）？
如何在javascript中每3秒逐个更改图像（滑块）？,javascript,html,css,Javascript,Html,Css,你好 *{边距：0；填充：0；} 迈斯利德斯先生{ 位置：相对位置； 宽度：1000px； 利润率：40px自动； 显示：表格； } .号码{ 位置：绝对位置； 利润率：20px； } .文本{ 位置：绝对位置； 底部：20px； 文本对齐：居中； 宽度：100%； } .prev，.next{ 位置：绝对位置； 最高：40%； 背景色：黑色； 颜色：白色； 填充：20px； 光标：指针； 用户选择：无； } .下一个{ 右：0； } .文本对齐{ 文本对齐：居中； } 多特先生{ 宽度：30p
你好
*{边距：0；填充：0；}
迈斯利德斯先生{
位置：相对位置；
宽度：1000px；
利润率：40px自动；
显示：表格；
}
.号码{
位置：绝对位置；
利润率：20px；
}
.文本{
位置：绝对位置；
底部：20px；
文本对齐：居中；
宽度：100%；
}
.prev，.next{
位置：绝对位置；
最高：40%；
背景色：黑色；
颜色：白色；
填充：20px；
光标：指针；
用户选择：无；
}
.下一个{
右：0；
}
.文本对齐{
文本对齐：居中；
}
多特先生{
宽度：30px；
高度：30px；
背景颜色：灰色；
显示：内联块；
}
.dot.active，.dot:悬停{
背景颜色：橙色；
}
1/4
文本1
2/4
文本2
3/4
文本3
4/4
文本4
❮
❯
var slideIndex=1；
放映幻灯片（幻灯片索引）；
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
如果（n>slides.length）{slideIndex=1；}
如果（n你最好使用
自编码滑块不用于商业开发
但如果我们继续这样做
我在下面添加了4行：
var timer = setInterval(function(){
slideIndex++;
showSlides(slideIndex);
},3000);
它工作正常，看不出有什么问题
我了解您需要什么吗？虽然我会重新构造您的代码，但我认为您现在需要添加的是：
setInterval(function(){ plusSlides(1); }, 3 * 1000)
试试这个：
<!DOCTYPE html>
<html>
<head>
<style>
.mySlides {display:none;}
</style>
</head>
<body>
<div style="max-width:500px">
<div class="mySlides">
<img src="https://sites.google.com/a/bvsd.org/hannahisacornsnake/_/rsrc/1487361727251/home/snakey-pictures/Screenshot%202017-01-09%20at%202.47.56%20PM.png" style="width:100%">
<p>Snake 1</p>
<p>1/4</p>
</div>
<div class="mySlides">
<img src="https://lh3.googleusercontent.com/VDfq9_C7lxXJAetQ_nuOZOWP89NcLK2DIo1jA3eKxlmLRsUp7FuZlAaXyoPh-1Ys9KEv3wzgCJantNie66YVwCnlpJjtwbz1AcnmiUagIcIb1E88ZPzKndZBav-4SIOalfoS1cwtVXmNg483z77BtZMJilnTBgOP_Gz1V8S0uTfLo_9vOK8UYGI5g6Uby7Y6uOarmgW013qz44X_VEI9yn4DIcqrpPV7wsuPxO71PZG6djseyXGF7wC4MBH3lOeJgK6pwKZb0dtQsr74EMsv9iK07jXBJVmXnSGY3MResvCNFBrViayvvxGyO0LcR4ZpdIxXEZI38VqbKArcs3-ieIYPWv4DQHQmM3KD7HYh6H4nR2lsyfLShyWPiIjJN2hgKsQtJajADxpI5IdCxA98rpYlq-xTPxxYNtTbWuf9SKP1NbffRx8J9jZgyw0r6BneO5LvgK_dHIEybpMrgJ2klPQBPaYuteFMOjzIQLX10cDF61Lib0jPM3LVPeey9OfRmRbN2vexZBB8Y0PZbAtAtDkMZnWDOzDUi1qqpN0CtJLgUm-BE6U_FCNkSsqIY7i9CUdjArWl=w1366-h678" style="width:100%">
<p>Snake 2</p>
<p>2/4</p>
</div>
<div class="mySlides">
<img src="https://sites.google.com/a/bvsd.org/hannahisacornsnake/_/rsrc/1487361731357/home/snakey-pictures/Screenshot%202017-01-09%20at%201.04.24%20PM.png?height=241&width=320" style="width:100%">
<p>Snake 3</p>
<p>3/4</p>
</div>
<div class="mySlides">
<img src="https://sites.google.com/a/bvsd.org/hannahisacornsnake/_/rsrc/1487361723876/home/snakey-pictures/Screenshot%202017-01-09%20at%202.48.18%20PM.png" style="width:100%">
<p>Snake 4</p>
<p>4/4</p>
</div>
</div>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 3000); // Change image every 3 seconds
}
</script>
</body>
</html>
.mySlides{display:none；}
蛇1
1/4
蛇2
2/4
蛇3
3/4
蛇4
4/4
var-myIndex=0；
转盘（）；
函数旋转木马（）{
var i；
var x=document.getElementsByClassName（“mySlides”）；
对于（i=0；ix.length）{myIndex=1}
x[myIndex-1].style.display=“block”；
setTimeout（carousel，3000）；//每3秒更改一次图像
}
我不确定你是否想要点，但是…你应该修改你的问题，我认为仅仅在dropbox上发布一个链接而不说任何内容是违反指导原则的-就我个人而言，我不会盲目下载一些东西。我不会标记它，因为你没有做任何明显错误的事情，但是如果你想要点要回答你的问题，你应该考虑把相关的代码直接放在提问中，谢谢Fabio Lolli的反馈。我已经编辑了这个问题。