Como agregarle segundo a mi pantalla de carga.

[Jotan32]

Buenas tardes, quisiera ponerle a mi pantalla de carga, por lo menos 1 segundo por defecto, así no tenga nada que buscar en la base de datos.

Este es mi código para la pantalla de carga

Código Javascript:

<style type="text/css">
    #loading{
      width: 100%;
      height:100%;
      background-color: #ccc;
      position: fixed;
      top:0;
      left:0;
      z-index: 9999;
      opacity: 0.8;
      filter: aplpha(opacity-80);
    }
    </style>
    <script type="text/javascript">
    $(document).ready(function(){
    $('#loading').css("display","none");
    });
 
    $(".load").click(function(event){
    $('#loading').css("display","block");  
    });  
    </script>
 

Y...

Código HTML:

<div id="loading"><img src="img/loading.gif" style="margin:0 auto; position:
absolute;top:50%;left:50%,margin:-30px 0 0 -30px;" alt=""></div>