Stap 5, automatisch van oranje naar rood

Deze stap is een uitbreiding op de volgende stap. Druk je vanuit groen op rood dan zal het oranje licht aan gaan. Dit hadden we al. Maar nu zal na 1 seconde het oranje licht uit gaan en vanzelf het rode licht aan gaan.

Als we het licht op groen staat en we drukken op rood dan gaat het oranje licht aan. Daarna kunnen we weer op rood drukken en dan gaat het rode licht aan.

We kunnen dit ook in één stap uitvoeren. Dus het licht staat op groen, we drukken op rood. Het licht gaat dan op oranje en na één seconde gaat het licht daarna vanzelf op rood.

Wat we moeten doen is de code veranderen die nu wordt uitgevoerd als we rood drukken terwijl het licht op groen staat.

Als het goed is, wordt daar nu het licht op op oranje gezet. Dat blijft zo.

Maar vlak daarna zal het licht op rood moeten worden gezet. Dat moet na 1 seconde. We kunnen daarvoor het volgende commando gebruiken:

setTimeout(function() { switchLight('red'); }, 1000);

Wat hier staat is dat de functie switchLight('red') na 1000 milliseconden moet worden uitgevoerd. 1000 milliseconden is 1 seconde, dus na 1 seconde wordt het licht op rood gezet.

Testen

Als je op een lamp drukt dan gaat deze lamp aan. Behalve als het licht op groen staat en je druk op rood. Dan zal eerst voor 1 seconde het oranje licht aan gaan en daarna zal het rode licht aan gaan.

Als dit werk dan kan je door gaan.

--