Создать светофор, чтобы он работал как настоящий. Выполнить задание с помощью объекта Date [требует правки]

var optic =[document.getElementById('op_1'),document.getElementById('op_2'),document.getElementById('op_3')];
      var color =["red","yellow","green"];
  function svet(){
        var date = new Date();
        var Hours = date.getHours();
        var Sec = date.getSeconds();
if (Hours>=21 || Hours<=6) {
        if(Sec%2==0 || Sec==0){i=1}
        else if(Sec%2!=0 && Sec!=0){gray()}
        }
else{
  if((Sec>=15 && Sec<20) || (Sec>=35 && Sec<40) || (Sec>=55 && Sec<=59)){
        if(Sec%2!=0 && Sec!=0){gray()}
          else{var i=parseInt(Sec/20);}
   }
   else{var i=parseInt(Sec/20);}
   }
   optic[i].style.background = color[i];
  } 
var setI;
button1.addEventListener('click',function(){setI=setInterval(svet,1000)});
button2.addEventListener('click',function(){clearInterval(setI);gray() });
function gray(){
  for(j=0; j<optic.length; j++){optic[j].style.background = "gray";}
}