Question

我被要求创建一个使用数组通过序列集的交通灯。

我已设法创建一个交通信号灯，每次他们想要改变交通信号灯的颜色时，用户按下按钮，但是我现在的任务是让用户只需要按下按钮一次，然后使用JavaScript自动完成序列。

代码中使用的图像与脚本位于同一文件夹中。

<img id="Change Lights" src="red.gif" width="36" height="98">

<br>
<button onclick="nxt()" id="button">Change colour</button>
</br>

<script>
  var img = new Array("red.png", "amberred.png", "green.png", "amber.png");
  var imgElement = document.getElementById("Change Lights");
  var lights = 0;
  var imgLen = img.length;

  function nxt() {
    if (lights < imgLen - 1) {
      lights++;
    } else {
      lights = 0;
    }

    imgElement.src = img[lights];
  }
</script>

Answer 1

＆＃13;

type

＆＃13;

使用Javascript的计时器的红绿灯

1 个答案: