how to add preloader for 3 seconds

Question

I need to run a loader (#loading) for 3 seconds . is the below script correct?

 <script> <script language="javascript" type="text/javascript"> $(window).load(function(){ $('#loading').show();3000); }); </script> 

Answer 1

也许您不需要'$（window）.load（）'。

 $('#loading').show().delay(3000).hide() 

Answer 2

You need to remove the script tag.

You can use setTimeout() to remove something after 3 seconds.

 $(document).ready(function(){ setTimeout(function() { $('#loading').fadeOut(); }, 3000); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="loading"> Look at me, I'm a load screen </div> 

Answer 3

$（'＃loading'）。show（）。delay（3000）.fadeOut（400）;

Answer 4

像这样做：

$('#loading').show(0).delay(3000).hide(0);