자바 스크립트에서 진행률 막대의 백분율 너비를 재귀 적으로 변경해야합니다.

Question

이것은 내가 지금까지 가지고있는 것이고 doenst work ... bar는 전혀 움직이지 않습니다! 그래서 bar barraturbo.

setInterval(function(){ 
     if(barraTurbo.width>'60%' && barraTurbo.width<'100%'){ 
      barraTurbo.className="green"; 
      barraTurbo.width-='1%'; 
      turbobarra-=1; 
      document.getElementById("spanTurbo").innerHTML=turbobarra; 
     } 
     if(barraTurbo.width<'60%' && barraTurbo.width>'20%'){ 
      barraTurbo.className="orange"; 
      barraTurbo.width-='1%'; 
      turbobarra-=1; 
      document.getElementById("spanTurbo").innerHTML=turbobarra; 
     } 
     if(barraTurbo.width<'20%' && barraTurbo.width>'0%'){ 
      barraTurbo.className="red"; 
      barraTurbo.width-='1%'; 
      turbobarra-=1; 
      document.getElementById("spanTurbo").innerHTML=turbobarra; 
     } 
     if(barraTurbo.width=='0%'){ 
      document.onkeydown = funcionamentoSetaFuncionalidades; 
     } 
    },500); 

Answer 1

는 최대 값과 최소값을 전환하려고 사전에 나에게 감사를 도와주세요 :

setInterval(function(){ 
     if(barraTurbo.width>'100%' && barraTurbo.width<'60%'){ 
      barraTurbo.className="green"; 
      barraTurbo.width-='1%'; 
      turbobarra-=1; 
      document.getElementById("spanTurbo").innerHTML=turbobarra; 
     } 
     if(barraTurbo.width<'20%' && barraTurbo.width>'60%'){ 
      barraTurbo.className="orange"; 
      barraTurbo.width-='1%'; 
      turbobarra-=1; 
      document.getElementById("spanTurbo").innerHTML=turbobarra; 
     } 
     if(barraTurbo.width<'0%' && barraTurbo.width>'20%'){ 
      barraTurbo.className="red"; 
      barraTurbo.width-='1%'; 
      turbobarra-=1; 
      document.getElementById("spanTurbo").innerHTML=turbobarra; 
     } 
     if(barraTurbo.width=='0%'){ 
      document.onkeydown = funcionamentoSetaFuncionalidades; 
     } 
    },500);