Question

我正在尝试使用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>

我无法弄清楚如何设置图片的更改时间以及激活我的代码中已指定的不同功能的内容。提前谢谢！

Answer 1

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

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

@Mike McCaughan

javascript交通灯自动化

1 个答案: