Page Title

loading made easier

loader.js is a simple js library that can let you make your own loading screen and implement it easily

getting the library

you can get the library by copying and pasting this inside the script tag as the source(src)

        
"https://rawcdn.githack.com/atoms19/loader.js/fb74704034a53a023445ac9514940ee0fd6c001f/Mainloader.js"

how to use

first make a new loader object call the activate method and done loader is ready

            
var lod=new Loader("red",5,"white")
lod.activate()

after doing all this code we get a proper working loader with red color 5px thickness and white backdrop but there is a problem loader never stops

stopping the loader

to stop the loader all we need to do is call this method

             
lod.closeWhenDone()

this will automatically close the loader after the page is fully loaded
note:dont use this method for short codes it must be used for codes that takes some time to load like a canvas or a 3d code

closeCountDown

closeCountDown is another method that can be used to stop the loader it stops the loader after a specified amount of time .It takes in one parametere that is the time in milliseconds

    
lod.closeCountDown(5000)

this code above will stop the loader after 5 seconds(1 sec=1000ms)
note:this method can be used in codes with shorter loading time too

more controls

you can control the speed of the loader by changing the time property you can also change the animation from linear to ease-in/ease-out by changing the animation property and also you can change the size property to change the size of the loader

            
lod.time=5               
lod.animation="ease-in"
lod.size=180

example codes

here are some examples for the loader.js

loader.js(my first js library)😁