JQuery Animasi Loading dengan SetTimeout

by Taufik Nurrohman

HTML

<div id='loading-overlay'>Loading...</div>
<iframe width="100%" height="300px" src="http://latitudu.blogspot.com"></iframe>

CSS

#loading-overlay {
  width:100%;
  height:100%;
  position:fixed !important;
  position:absolute; /* IE6 Fallback */
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  background:#3A3A3A url(http://3.bp.blogspot.com/-_ONDmjNBMJs/TwPCL3AdlII/AAAAAAAAB4c/02MboPkAHGg/s1600/layer_loading.gif) no-repeat center;
  color:transparent !important;
  text-indent:-99999px;
}

JavaScript

setTimeout(function() {
    $('#loading-overlay').fadeOut();
}, 5000);