DEV Community

How to add loader in the website in a few seconds 😎

🚩 Atul Prajapati 🇮🇳 on February 16, 2020

Magic of this few lines of JS code 🐝 let spinnerWrapper = document.querySelector('.spinner-wrapper'); window.addEventListener('load', function(){...

Read full post

Taufik Nurrohman • Feb 16 '20 • Edited

Add this to re-enable the loading layer on page exit(ing):

window.addEventListener('beforeunload', function() {
    spinnerWrapper.style.display = "";
});

Zen • Feb 16 '20

Kayaknya nggak perlu deh

Taufik Nurrohman • Feb 16 '20 • Edited

Coba dulu. Terus klik salah satu tautan di halaman. Efek loading bakal muncul lagi.

Zen • Feb 16 '20

Eh iya juga ya

🚩 Atul Prajapati 🇮🇳 • Feb 16 '20

Sorry bro but I can't understand your language 🙄 but thanks for commenting

Zen • Feb 16 '20

Hehehehehe. I so sorry. I use Indonesian because, Taufik is Indonesian. Hehehehehe

Taufik Nurrohman

I have a dream, but it won’t make me rich.

taufik-nurrohman http://latitudu.tk

Waylon Walker • Feb 16 '20

I had no idea that was so simple without a framework!

Safin Ghoghabori • Feb 16 '20

Really love this one.
One question is it is compulsory to set the /stimulate page content/ code ...?

🚩 Atul Prajapati 🇮🇳 • Feb 16 '20

No it's your body content I have added it for page content put here your page code. Any other questions bro?

Safin Ghoghabori • Feb 16 '20

Ohk bro thanks for ur reply

🚩 Atul Prajapati 🇮🇳 • Feb 16 '20

I love to do that ✌️

🚩 Atul Prajapati 🇮🇳 • Feb 17 '20

Okay hmm interesting 😲 I will try thanks for your opinion 🌷

Dan Spratling • Feb 17 '20

The logic is correct Aleksandr, but in practice this is rarely needed. Most people just use : for everything. I've never seen a situation where using ::before worked and :before didn't.

🚩 Atul Prajapati 🇮🇳 • Feb 17 '20

🌷😁

🚩 Atul Prajapati 🇮🇳 • Feb 17 '20

You are right brother 👋

YTF1shhh • May 6 '21

How would I make the loader disappear in a specific amount of time (100ms, 500ms etc...) instead of on content load?

🚩 Atul Prajapati 🇮🇳 • May 7 '21

Hey I'm sorry but I haven't learned advance javascript yet but I have found a useful answer on stackoverflow checkout this link click here