2016-11-03 4 views
-7

私は、ボタンを押したときに変更するのではなく、3秒タイマーで自分の交通信号を自動化しようとしています。ここに私の現在のコードは次のとおりです。javascript traffic light automation

<!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> 

私は絵を変更するためにも、すでに私のコードで指定されたさまざまな機能をアクティブになるか、タイマーを設定する方法を見つけ出すことはできません。 ありがとうございます!

+0

ので、我々は助けることができるあなたがそれを持っているかの問題あなたのコードと、リストをフォーマットしてください。 – Gavin

+0

あなたの質問は何ですか? – prasanth

+0

彼は色の変更を自動化したいと考えています。 –

答えて

0

問題の詳細を教えてください。

javascript:schemed URL(href属性にのみ必要)にではなく、 "onClick"属性を設定してイベントハンドラをアタッチしないでください。
document.getElementById("button").onclick = Green;はクリーナーです。
第2に、サーバはマップされたネットワークドライブまたはローカルドライブである可能性があるため、"X:/"が何であるかを知りません。

@マイクMcCaughan