1
我已經制作了一個使用javascript的交通燈系統,並使用setInterval使它自行走,但是我怎樣才能使時間不同?例如,我希望紅燈和綠燈長時間保持琥珀色和紅琥珀色。JavaScript使用setInterval的交通燈系統
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript</h1>
<h2>Learning to code</h2>
<p>This is my very first JavaScript task</p>
<img id="traffic" src="red.png">
<button type="button" onclick="dosomething()">something magical will happen if you press me</button>
<script>
var list = ["red.png", "redamber.png", "green.png", "amber.png"];
var index = 0;
var timer = setInterval(dosomething, 3000)
function dosomething(){
index = index + 1;
if (index == list.length) index = 0
var image = document.getElementById('traffic');
image.src=list[index];
}
</script>
</body>
</html>
一個非常簡單的解決辦法是設置間隔地說,1000毫秒,然後重複顏色的數組,應該是可見更長英寸 – axlj