Javascript 自动扫描一组图像
我需要自动控制一系列的交通信号灯，使它们从红色到红色再到琥珀色再到绿色再到琥珀色，所有这些都是自动控制的，有什么帮助吗 这就是我现在的代码Javascript 自动扫描一组图像,javascript,arrays,image,Javascript,Arrays,Image,我需要自动控制一系列的交通信号灯，使它们从红色到红色再到琥珀色再到绿色再到琥珀色，所有这些都是自动控制的，有什么帮助吗 这就是我现在的代码 <!DOCTYPE html> <html> <body> <style type="text/css"> #box { text-align: center; font-size: 20px;
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
#box {
text-align: center;
font-size: 20px;
vertical-align: middle;
display: inline-block;
min-width: 100px;
min-height: 30px;
padding: 10px;
background-color: #FFF;
}
</style>
<body>
<img id="light" src="Traffic_Light_Red.png">
<button type="button" onclick="changeLights()">Click to Change The Light Sequence</button>
<script>
var list = [
"Traffic_Light_Red.png",
"Traffic Light Red And Yellow Only.png",
"Traffic Light Green Only.png",
"Traffic Light Yellow Only.png"
];
var index = 0;
function changeLights() {
index = index + 1;
if (index == list.length) index = 0;
var image = document.getElementById('light');
image.src=list[index];
}
</script>
}
</script>
</body>
</html>
#盒子{
文本对齐：居中；
字体大小：20px；
垂直对齐：中间对齐；
显示：内联块；
最小宽度：100px；
最小高度：30px；
填充：10px；
背景色：#FFF；
}
单击以更改灯光顺序
变量列表=[
“交通灯红.png”，
“交通灯仅限红色和黄色。png”，
“交通灯仅为绿色。png”，
“仅限黄色交通灯。png”
];
var指数=0；
函数changeLights（）{
指数=指数+1；
如果（index==list.length）index=0；
var image=document.getElementById（'light'）；
image.src=list[index]；
}
}
}
</script>
#灯{
宽度：25px；
高度：25px；
显示：块；
利润率：25px；
背景颜色：#费用；
}
钮扣{
填充：15px；
}
#描述{
宽度：400px；
高度：50px；
利润率：10px；
}
单击以更改灯光顺序