How to add time to window.addEventListener

Question

I'm creating a website loader and have the following code:

window.addEventListener('load', function load() {
                window.removeEventListener('load', load, false);               
                document.body.classList.remove('js-loading');
            },
               false);

Thanks to this I'm creating a CSS animation with .js-loading class, and when the page is loaded this class is removed. To have a smooth finished animation I need add some delay time after that this class will disappear. (website load time + additional delay) Could you help me?

https://stackoverflow.com/questions/11072759/display-a-loading-bar-before-the-entire-page-is-loaded — chintuyadavsara, Oct 09 '18 at 05:45

score 1 · Answer 1 · answered Oct 09 '18 at 05:51

1

SetTimeout:

window.addEventListener('load', function load() {
     window.removeEventListener('load', load, false);               
     setTimeout(function(){document.body.classList.remove('js-loading');},2000);

},false);

answered Oct 09 '18 at 05:51

Jaydip Jadhav

12,179
6
24
40

how did you make that setTimeout button ? :P – Alexander Solonik Oct 09 '18 at 09:24
1

@AlexanderSolonik Thats tag :) – Jaydip Jadhav Oct 10 '18 at 05:38

How to add time to window.addEventListener

1 Answers1