カスタム遅延を伴うjavascriptを使用してループ内で動的にラッパーの背景を変更する

Question

javascriptの助けを借りて各変更の間にカスタム遅延を設定して、無限ループ内のページの背景を変更したいと思います。 私はいくつかの問題に遭遇した：私はループを追加するとき

setTimeout(myFunction_1, 3000); 
setTimeout(myFunction_2, 3000); 

function myFunction_1(){     
document.getElementById("wrapper").style.background = "green"; 
console.log("test 1"); 
} 

function myFunction_2(){     
document.getElementById("wrapper").style.background = "yellow"; 
console.log("test 2"); 
} 

アン：

私は両方の機能を同時に立ち上げて、何らかの理由で、最初のループせずにそれをテスト

while (1 == 1){ 
setTimeout(myFunction_1, 3000); 
setTimeout(myFunction_2, 3000); 
} 

それはブラウザをクラッシュします...

ブラウザをクラッシュせずにカスタム時間間隔でループの背景を変更するにはどうすればよいですか？

Answer 1

あなたはjsのものに慣れていないようですが、最初はもっとうまくいきます。

あなたは以下のようにコードを変更する必要があります。

myFunction_1(); 

function myFunction_1(){     
    document.getElementById("wrapper").style.background = "green"; 
    console.log("test 1"); 
    setTimeout(function(){ 
     myFunction_2(); 
    },3000); 
} 

function myFunction_2(){     
    document.getElementById("wrapper").style.background = "yellow"; 
    console.log("test 2"); 
    setTimeout(function(){ 
     myFunction_3(); 
    },3000); 
} 

function myFunction_3(){     
    document.getElementById("wrapper").style.background = "blue"; 
    console.log("test 3"); 
    setTimeout(function(){ 
     myFunction_1(); 
    },3000); 
}