如何使用图像数组使JavaScript代码更改图像换灯 var imgaray=[“redlight.jpg”、“yellowlight.jpg”、“greenlight.jpg”]； document.getElementById（“流量”）.innerHTML=流量；函数ChangeLights（）{ document.getElementById（“traffic”）.src=“redlight.jpg”； } 函数ChangeLights（）{ if（traffic.src.match（imgarray[0]））{ traffic.src=imgaray[1]； }else if（traffic.src.match（imgaray[1]））{ traffic.src=imgaray[2]； }else if（traffic.src.match（imgaray[2]））{ traffic.src=imgaray[3]； } }_Javascript_Web

如何使用图像数组使JavaScript代码更改图像换灯 var imgaray=[“redlight.jpg”、“yellowlight.jpg”、“greenlight.jpg”]； document.getElementById（“流量”）.innerHTML=流量；函数ChangeLights（）{ document.getElementById（“traffic”）.src=“redlight.jpg”； } 函数ChangeLights（）{ if（traffic.src.match（imgarray[0]））{ traffic.src=imgaray[1]； }else if（traffic.src.match（imgaray[1]））{ traffic.src=imgaray[2]； }else if（traffic.src.match（imgaray[2]））{ traffic.src=imgaray[3]； } }

javascript web

如何使用图像数组使JavaScript代码更改图像换灯 var imgaray=[“redlight.jpg”、“yellowlight.jpg”、“greenlight.jpg”]； document.getElementById（“流量”）.innerHTML=流量；函数ChangeLights（）{ document.getElementById（“traffic”）.src=“redlight.jpg”； } 函数ChangeLights（）{ if（traffic.src.match（imgarray[0]））{ traffic.src=imgaray[1]； }else if（traffic.src.match（imgaray[1]））{ traffic.src=imgaray[2]； }else if（traffic.src.match（imgaray[2]））{ traffic.src=imgaray[3]； } },javascript,web,Javascript,Web,每当我按下按钮时，图像都不会出现。试试这个 <html> <body> <button onclick="ChangeLights()">Change Lights</button> <img src="redlight.jpg" id="traffic" width="83" height="232"> <script> var imgarray = ["redlight.jpg", "yellowligh

每当我按下按钮时，图像都不会出现。

试试这个

<html>
<body>


<button onclick="ChangeLights()">Change Lights</button>

<img src="redlight.jpg" id="traffic" width="83" height="232">

<script>
    var imgarray = ["redlight.jpg", "yellowlight.jpg", "greenlight.jpg"];
    document.getElementById("traffic").innerHTML = traffic;
    function ChangeLights(){
        document.getElementById("traffic").src = "redlight.jpg";
    }

    function ChangeLights() {
        if (traffic.src.match(imgarray[0])){
            traffic.src = imgarray[1];
        }else if (traffic.src.match(imgarray[1])){
            traffic.src = imgarray[2];
        }else if (traffic.src.match(imgarray[2])){
            traffic.src = imgarray[3];
        }
    }
</script>
</body>
</html>


换灯
var imgaray=[“redlight.jpg”、“yellowlight.jpg”、“greenlight.jpg”]；
函数ChangeLights（）{
if（traffic.src.match（imgarray[0]））{
traffic.src=imgaray[1]；
}else if（traffic.src.match（imgaray[1]））{
traffic.src=imgaray[2]；
}else if（traffic.src.match（imgaray[2]））{
traffic.src=imgarray[0]；
}
}

请确保图像位于正确的文件夹中，它应该与HTML文件位于同一目录中。

什么是

流量

？你从未定义过它。您还定义了两次

ChangeLights

函数，这看起来很混乱。您到底想实现什么？你们需要一个函数，它会根据点击的按钮改变图像，或者你们想要这个函数在一个循环中改变图像？当我测试它时，它工作得很好。我无法重现这个问题。@putvande-

流量

是通过@Zein

html

定义的，

javascript

在问题中返回操作中描述的预期结果，除了第四次点击转发之外。这更像是一个发现差异的游戏，而不是一个答案。

<html>

<body>
<button onclick="ChangeLights()">Change Lights</button>
<img src="redlight.jpg" id="traffic" width="83" height="232">
<script>
    var imgarray = ["redlight.jpg", "yellowlight.jpg", "greenlight.jpg"];

    function ChangeLights() {
        if (traffic.src.match(imgarray[0])) {
            traffic.src = imgarray[1];
        } else if (traffic.src.match(imgarray[1])) {
            traffic.src = imgarray[2];
        } else if (traffic.src.match(imgarray[2])) {
            traffic.src = imgarray[0];
        }
    }
</script>