javascript交通灯自动化答案

【问题标题】：javascript traffic light automationjavascript交通灯自动化
【发布时间】：2017-03-17 03:22:02
【问题描述】：

我正在尝试使用 3 秒计时器使我的交通灯序列自动化，而不是在按下按钮时进行更改。这是我当前的代码：

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

我不知道我是如何设置定时器来改变图片的，以及什么会激活我的代码中已经指定的不同功能。提前致谢！

【问题讨论】：

请格式化您的代码并列出您遇到的问题，以便我们提供帮助。
你有什么问题？
他想自动改变颜色。
似乎样式应该定义为 CSS 类。另外，你的换灯功能在哪里？
@maniak1982 就在按钮的 onClick 事件中

标签： javascript html

【解决方案1】：

请告诉我们有关您的问题的更多信息。

不要通过设置“onClick”属性来附加事件处理程序，而不是附加到 javascript: 方案 URL（仅对于 href 属性是必需的）。
document.getElementById( "button" ).onclick = Green; 更干净。
其次，您的服务器不知道 "X:/" 是什么，因为它可能是映射的网络驱动器或本地驱动器。

@迈克·麦考恩

【讨论】：