title: How to make jQuery loading screen view at least 3 seconds?
body: <p>I just created my own loading screen with this code:</p>
  
  <pre><code>HTML CODE: &lt;div class="loader"&gt;&lt;/div&gt;
  
  CSS CODE: .loader {
              position: fixed;
              left: 0px;
              top: 0px;
              width: 100%;
              height: 100%;
              z-index: 9999;
              background: url(../Images/page-loader.gif) 50% 50% no-repeat rgb(249,249,249);}
  
  jQuery CODE: &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  
  
  
  AND
               $(window).load(function() {
               $(".loader").fadeOut("slow");})
  </code></pre>
  
  <p>Each time the page loads, the loading screen only displays for a fraction of a second. Im trying to display the loading screen at least 3 seconds. What jQuery code should I add?</p>