遅延の前にモーダルの背景を変更してください

Question

私はこのウェブサイトでmaterial modal pop-up（http://codepen.io/ettrics/pen/Jdjdzp/）を使用していますが、それは完璧に機能しますが、修正が必要です。スニペットでわかるように、ボタンをクリックすると400msの遅延があり、その後モーダルコンテンツが表示されます。モーダルコンテンツのバックグラウンドは、定義された遅延400ms後にも変化します。私が望むのは、背景色がimmediately once the button is clickedに変更され、モーダルコンテンツが400ms後に正常に読み込まれるはずです。

クラスは、モーダルの背景を制御します。スニペットで透明に設定されています。親切にも黒のような単色であるとします。

私はJAVAスクリプトでの経験はありません。小さなヘルプが推奨されます。

Answer 1

ここでは変更したいペンを変更しました。

事はあなたが瞬時にモーダルを示すが、しばらく

window.setTimeout(function(){ 
       // reveal the modal content 
       content.classList.add('modal__content--active'); 
      },contentDelay); 

http://codepen.io/anon/pen/ZpYEvL

のためのコンテンツを非表示にしたいです