JavaScript交通燈自動化

-7

我試圖讓我的交通燈序列自動化3秒定時器，而不是按下按鈕時更改。這裏是我當前的代碼：JavaScript交通燈自動化

<!DOCTYPE html> 
<html> 

<body> 

<img id="light" src="X:/A452/Traffic lights/Assets/traffic-lights-green.jpg"> 

<button onclick=Green() id="button"> 
Change!</button> 

</body> 

<script> 

var Green = function() { 
    document.getElementById('light').src='X:/A452/Traffic lights/Assets/traffic-lights-green.jpg'; 
    document.getElementById("button").setAttribute("onClick", "javascript: Amber();"); 
} 

var Amber = function() { 
    document.getElementById('light').src='X:/A452/Traffic lights/Assets/traffic-lights-amber.jpg'; 
    document.getElementById("button").setAttribute("onClick", "javascript: Red();"); 
} 

var Red = function() { 
    document.getElementById('light').src='X:/A452/Traffic lights/Assets/traffic-light-red.jpg'; 
    document.getElementById("button").setAttribute("onClick", "javascript: AmberTwo();"); 
} 

var AmberTwo = function() { 
    document.getElementById('light').src='X:/A452/Traffic lights/Assets/traffic-lights-amber.jpg'; 
    document.getElementById("button").setAttribute("onClick", "javascript: Green();"); 
} 

</script> 

</html>

我想不出我如何設置定時器用於畫面改變，也什麼都會激活我的代碼已經指定了不同的功能。在此先感謝！

來源

2016-11-03 Wardii

請格式化你的代碼，並列出您有它，所以我們可以幫助哪些問題。 – Gavin

你的問題是什麼？ – prasanth

他想自動化顏色變化。 –

告訴我們關於您的問題的更多信息。

不要通過設置「onClick」屬性來附加事件處理程序，而不是通過設置javascript：schemed URL（只對href屬性需要）。
document.getElementById("button").onclick = Green;更清潔。
其次，您的服務器不知道什麼"X:/"是，因爲它可能是映射的網絡驅動器或本地驅動器。

@Mike McCaughan

來源

2016-11-10 08:41:14

JavaScript交通燈自動化

回答

相關問題