18 lines
382 B
JavaScript
18 lines
382 B
JavaScript
|
const circles = document.querySelectorAll('.circle')
|
||
|
|
let activeLight = 0;
|
||
|
|
|
||
|
|
setInterval(() => {
|
||
|
|
changeLight();
|
||
|
|
}, 1000);
|
||
|
|
|
||
|
|
function changeLight() {
|
||
|
|
circles[activeLight].className = 'circle';
|
||
|
|
activeLight++;
|
||
|
|
|
||
|
|
if(activeLight > 2) {
|
||
|
|
activeLight = 0;
|
||
|
|
}
|
||
|
|
const currentLight = circles[activeLight]
|
||
|
|
|
||
|
|
currentLight.classList.add(currentLight.getAttribute('color'));
|
||
|
|
}
|