JAVASCRIPT

preload

// loader with jaquery
	$(window).on('load', function () {
		$('#loading').fadeOut(1000);
	});
    
// loader with javascript with inline

//html code
<div id="loading" onload="preload()"></div>

//javascript code
	var loader= document.getElementById("loading");
	loader.style.display="none"


//loader with javascript with custom time
		var loader = document.getElementById("loading");
		window.addEventListener("load", function () {
			setTimeout(function () {
				loader.style.display = "none"
			},5000)
		})

		


 

preloader

window.onload = function() {
            document.getElementById("preloader").classList.add("off")
        };

preload

// loader with jaquery
	$(window).on('load', function () {
		$('#loading').fadeOut(1000);
	});
    
// loader with javascript with inline

//html code
<div id="loading" onload="preload()"></div>

//javascript code
	var loader= document.getElementById("loading");
	loader.style.display="none"


//loader with javascript with custom time
		var loader = document.getElementById("loading");
		window.addEventListener("load", function () {
			setTimeout(function () {
				loader.style.display = "none"
			},5000)
		})

		


 

preloader

window.onload = function() {
            document.getElementById("preloader").classList.add("off")
        };