Как сделать светофор на JS?

Question

[Tempest99]

есть задача-Создать светофор (красный, желтый,
зелёный). Переключать цвет у светофора
через каждые 2 сек сверху вниз и снизу вверх.
Я понимаю что это реализовывается через setInterval и setTimeout,но пойму как это записать,чтобы работало,весь день просидел,но так и не понял как это реализовать

Comments

[Gevorg222666]

[phone] WhatsApp
Помогу

Answer 1

[Vitaliy]

Паттерн "Состояние"

Красный:
- Ожидание: 20с
- Переход: Желтый

Желтый:
- Ожидание: 3с
- Переход: если был Красный, переходим на Зеленый, иначе на Красный

Зеленый:
- Ожидание: 30с
- Переход: Желтый

UPDATE:
Пример с использованием четырех состояний: https://codepen.io/Ni55aN/pen/ELGMOy

Answer 2

[umbrella121]

const colorList = [
  {name: 'yellow', interval: 500},
  {name: 'red', interval: 4000},
  {name: 'yellow', interval: 500},
  {name: 'green', interval: 4000}
];

let count = 0;

function changeColor() {
  if (count === colorList.length) {
    count = 0;
  }
  console.log(colorList[count].name)
  setTimeout(changeColor, colorList[count].interval)
  count = count + 1;
}

changeColor()