js红绿灯倒计时代码

以下是一个简单的JavaScript红绿灯倒计时代码：

function trafficLight() {
  var redLight = document.getElementById("red");
  var yellowLight = document.getElementById("yellow");
  var greenLight = document.getElementById("green");
  
  // 红灯闪烁
  setInterval(function() {
    redLight.style.backgroundColor = "red";
    setTimeout(function() {
      redLight.style.backgroundColor = "black";
    }, 500);
  }, 1000);
  
  // 黄灯倒计时
  setTimeout(function() {
    yellowLight.style.backgroundColor = "yellow";
    setTimeout(function() {
      yellowLight.style.backgroundColor = "black";
    }, 500);
  }, 7000);
  
  // 绿灯倒计时
  setTimeout(function() {
    greenLight.style.backgroundColor = "green";
    setTimeout(function() {
      greenLight.style.backgroundColor = "black";
      trafficLight();
    }, 10000);
  }, 7500);
}

trafficLight();

在HTML中，需要定义三个灯的div元素，例如：

<div id="red"></div>
<div id="yellow"></div>
<div id="green"></div>

然后在CSS中，需要给这些div元素定义宽度、高度和边框颜色：

div {
  width: 50px;
  height: 50px;
  border: 2px solid black;
}

这个代码会让红灯闪烁，黄灯亮7秒，绿灯亮10秒，然后再次从红灯开始循环。