0
私は信号機のライトを一定速度で自動的にループするスクリプトを作成しました。しかし、私は可能な限り現実的なものにするために、異なる時間間隔でライトを変えたいと思っています。自動交通灯動画
これは、トラフィックの光スクリプトです：
<!DOCTYPE HTML>
<html>
<head>
\t <title>Traffic lights system</title>
\t </head>
<body bgcolor="#5106A5">
<h1 style="text-align:center;font-family:verdana">Traffic light</h1>
<div style="text-align:center">
<img alt="Traffic Light" id="TrafficLight" src="red.jpg"></img>
</div>
<div style="text-align:center">
<button class="button" onclick="changeImage()">Change light</button> \t
<button class="button" onclick="automatic()">Automatic lights</button>
<button class="button" onclick="pauseAutomation()">Stop automation</button>
</div>
\t <script>
var TrafficLightCase = ["red.jpg", 'yellownred.jpg', 'green.jpg', 'yellow.jpg'];
var TrafficLightPosition = 0;
\t function changeImage() {
\t TrafficLightPosition++;
\t if (TrafficLightPosition == 4) {
\t \t TrafficLightPosition = 0;
}
document.getElementById('TrafficLight').src = TrafficLightCase[TrafficLightPosition];
}
function automatic() {
time_interval = setInterval(changeImage, 1000);
} \t
function pauseAutomation() {
clearInterval(time_interval);
}
</script>
あなたは私にそれを行うために必要なコードを表示できますか？ –