交通信号灯倒计时js原代码
时间: 2024-06-07 22:03:42 浏览: 169
JS倒计时代码
交通信号灯倒计时的 JavaScript 代码可以分为两个部分:计时器和灯的控制。下面是一个简单的实现示例:
```javascript
// 倒计时计时器
function countdown(seconds) {
var count = seconds;
var timer = setInterval(function() {
count--;
if (count <= 0) {
clearInterval(timer);
}
}, 1000);
}
// 灯的控制
function changeLight() {
var red = document.getElementById("red");
var yellow = document.getElementById("yellow");
var green = document.getElementById("green");
// 红灯亮10秒,黄灯亮2秒,绿灯亮15秒
setTimeout(function() {
red.style.background = "red";
countdown(10);
red.style.background = "";
yellow.style.background = "yellow";
countdown(2);
yellow.style.background = "";
green.style.background = "green";
countdown(15);
green.style.background = "";
changeLight(); // 循环控制灯的变化
}, 0);
}
changeLight(); // 启动交通信号灯控制
```
这段代码实现了交通信号灯的倒计时功能,具体实现方式是通过定时器控制灯的变化,并且通过 `setTimeout` 函数实现了循环控制灯的变化。同时在计时器函数中也可以添加回调函数,以实现倒计时结束后的其他功能。
阅读全文