モーダルロードでアイコンが数秒後に表示される

処理する膨大な数のデータで構成されるWebページがあります。私がしようとしているのは、すべてのページの読み込み時に広告を含むモーダルを表示することです。モーダルロードでアイコンが数秒後に表示される

<div id="myModal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> 
       <h4 class="modal-title"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i>Before You Begin.</h4> 
      </div> 
      <div class="modal-body"> 

      </div> 
     </div> 
    </div> 
</div> 

<script> 
$(function(){ 
    $("#myModal").modal('show'); 
}) 
</script>

このモーダルタイトルでは、タイトルとともにアイコンが1つあります。モーダルが正しくポップアップしています。しかし、私の質問は、このモーダルが開き、モーダルが開いてから数秒後にアイコンが現れることです。

出典

2017-04-25 sanin

どのアイコンについてお話していますか？感嘆符三角アイコン？ –

サニムは、フォントのすばらしいアイコンie {'i class =" fa fa-exclamation-triangle "aria-hidden =" true "> ' –

のアイコンについて話しています。