JS関数の実行を待機させるにはどうすればよいですか？

Question

プログラミングは新しく、JSとHTMLを使ったクリッカーゲームを作りたかったです。今私は成果を追加したいと思います。それらはポップアップし、2〜3秒間表示され、次に消えます。

これまでのところ解決策がありましたが、この機能は10秒ごとに実行されます。あなたが6日後に成果を得るべきならば。ポップアップが2〜4秒間表示され、消えてしまいます。

達成を完了すると、達成（div）がポップアップし、そこに5秒間滞在してから消えます。

//Check if achievement #1 is completed/true: 
if(Ach1up == true){ 
    Modal1stAch.style.display = "block"; 
    Ach1up = null; 
} 

//Fade-out function 
setTimeout(function() { 
    Modal1stAch.style.opacity = "0.0"; 
    Modal1stAch.style.WebkitTransition = "2s";  
    Modal1stAch.style.transition = "2s"; 
}, 10000); 

Answer 1

私は右の理解場合は、何が必要機能にあなたのフェードアウトコードをつかむとach1upが真である後5S、それを呼び出すことです：

は、ここに私のJSです。

//Check if achievement #1 is completed/true: 
if(Ach1up == true){ 
    Modal1stAch.style.display = "block"; 
    Ach1up = null; 
    setTimeout(function() { //wait 5 seconds to fade the popup 
     popupFadeOut(); 
    }, 5000); 
} 

//Fade-out function 
// you write it, and wait to be called. 
function popupFadeOut() { 
    Modal1stAch.style.opacity = "0.0"; 
    Modal1stAch.style.WebkitTransition = "2s";  
    Modal1stAch.style.transition = "2s"; 
}