Javascript 如何修正我的交通灯代码？ 1.交通灯{ 宽度：100%； } .关{ 背景色：透明！重要； } 1.交通灯{ 保证金：0自动；宽度：10%；最小宽度：180px；边框：5px纯黑； } ·交通灯组{ 保证金：0自动；宽度：150px；高度：150像素；边框：5px纯黑；边界半径：50%；边缘顶部：5px；边缘底部：5px； } 瑞德先生{ 背景色：红色； } 黄先生{ 背景颜色：黄色； } 格林先生{ 背景颜色：绿色； } 交通灯控制器功能交通灯（） { var sequenceData=[[5,1,0,0]，[2,1,1,0]，[5,0,0,1]，[3,0,1,0],，灯光=[]，指数=0；对于（var i=0，elemId；（elemId=arguments[i]）；i++） lights[i]=document.getElementById（elemId）；函数显示（） { 如果（索引>=sequenceData.length）指数=0；对于（var i=0，cv，dLen=lights.length；i_Javascript_Html_Css_Light

Javascript 如何修正我的交通灯代码？ 1.交通灯{ 宽度：100%； } .关{ 背景色：透明！重要； } 1.交通灯{ 保证金：0自动；宽度：10%；最小宽度：180px；边框：5px纯黑； } ·交通灯组{ 保证金：0自动；宽度：150px；高度：150像素；边框：5px纯黑；边界半径：50%；边缘顶部：5px；边缘底部：5px； } 瑞德先生{ 背景色：红色； } 黄先生{ 背景颜色：黄色； } 格林先生{ 背景颜色：绿色； } 交通灯控制器功能交通灯（） { var sequenceData=[[5,1,0,0]，[2,1,1,0]，[5,0,0,1]，[3,0,1,0],，灯光=[]，指数=0；对于（var i=0，elemId；（elemId=arguments[i]）；i++） lights[i]=document.getElementById（elemId）；函数显示（） { 如果（索引>=sequenceData.length）指数=0；对于（var i=0，cv，dLen=lights.length；i

javascript html css

Javascript 如何修正我的交通灯代码？ 1.交通灯{ 宽度：100%； } .关{ 背景色：透明！重要； } 1.交通灯{ 保证金：0自动；宽度：10%；最小宽度：180px；边框：5px纯黑； } ·交通灯组{ 保证金：0自动；宽度：150px；高度：150像素；边框：5px纯黑；边界半径：50%；边缘顶部：5px；边缘底部：5px； } 瑞德先生{ 背景色：红色； } 黄先生{ 背景颜色：黄色； } 格林先生{ 背景颜色：绿色； } 交通灯控制器功能交通灯（） { var sequenceData=[[5,1,0,0]，[2,1,1,0]，[5,0,0,1]，[3,0,1,0],，灯光=[]，指数=0；对于（var i=0，elemId；（elemId=arguments[i]）；i++） lights[i]=document.getElementById（elemId）；函数显示（） { 如果（索引>=sequenceData.length）指数=0；对于（var i=0，cv，dLen=lights.length；i,javascript,html,css,light,Javascript,Html,Css,Light,我的代码不工作了？我对编码不太熟悉，不知道为什么，但是标记之间的位导致了问题，或者它与代码的其余部分不起作用。将class红绿灯添加到包装中，如下所示 <!DOCTYPE html> <html lang="en"> <head> <style type='text/css'> .traffic-light { width: 100%;

我的代码不工作了？我对编码不太熟悉，不知道为什么，但是

标记之间的位导致了问题，或者它与代码的其余部分不起作用。

将class

红绿灯

添加到

包装中，如下所示
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <style type='text/css'>

                .traffic-light {
                  width: 100%;
                }

                .off {
                  background-color: transparent!important;
                }

                .traffic-light {
                  margin: 0 auto;
                  width: 10%;
                  min-width: 180px;
                  border: 5px solid black;
                }

                .traffic-light div {
                  margin: 0 auto;
                  width: 150px;
                  height: 150px;
                  border: 5px solid black;
                  border-radius: 50%;
                  margin-top: 5px;
                  margin-bottom: 5px;
                }

                .red {
                  background-color: red;
                }

                .yellow {
                  background-color: yellow;
                }

                .green {
                  background-color: green;
                }

    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Traffic Lights Controller</title>

<script type="text/javascript" >

function trafficLights()

    { 
     var sequenceData = [ [ 5, 1, 0, 0 ], [ 2, 1, 1, 0 ], [ 5, 0, 0, 1 ], [ 3, 0, 1, 0 ]  ],
         lights = [],
         index = 0;

     for( var i = 0, elemId; ( elemId = arguments[ i ] ); i++ )     
      lights[ i ] = document.getElementById( elemId );

     function display()
     {
      if( index >= sequenceData.length ) 
       index = 0;

      for( var i = 0, cv, dLen = lights.length; i < dLen; i++ )
       lights[ i ].style.backgroundColor = ( sequenceData[ index ][ i+1 ] ? lights[ i ].id.match(/^[a-z]+/i).toString() : '#000' );  

      setTimeout( display, sequenceData[ index++ ][ 0 ] * 1000 );
     } 

     display(); 
    }


    window.onload = function(){ trafficLights( "red-light", "yellow-light", "green-light" ); };

    </script>
    </head>
        <body>
            <div id="wrapper">
                <h1>Traffic Lights Controller</h1>
                <div id="red-light"></div>
                <div id="yellow-light"></div>
                <div id="green-light"></div>
            </div>
        </body>
    </html>


交通灯控制器
我可能错了，但我相信这段代码不是你写的。因此，请花点精力去理解它，然后带着代码的具体问题回来。这是两个标记之间的部分。您必须知道，ASAP/emergency是在这里获得否决票的好方法。我不建议你这样做（而且无论如何它都会被编辑掉）。非常感谢你的可能的副本！挣扎了几个星期，失去了希望！
<div id="wrapper" class="traffic-light">
    <h1>Traffic Lights Controller</h1>
    <div id="red-light"></div>
    <div id="yellow-light"></div>
    <div id="green-light"></div>
</div>