SetTimeout Loader Animation Site

Question

I want to add loader on my site when I load the site then I set up the SetTimeout for 2 secs then I add the hidden class, but somehow it won't work, any ideas?

const preLoader = document.getElementById('preloader');

function loaderSite() {
  preLoader.classList.add('hidden');
}

window.addEventListener('load', () => {
  setTimeout(loaderSite, 2500);
}, false);

<div class="" id="preloader">
  <div id="loader"></div>
</div>
<div clas="navbar"></div>

Does this answer your question? [How to show Page Loading div until the page has finished loading?](https://stackoverflow.com/questions/1853662/how-to-show-page-loading-div-until-the-page-has-finished-loading) — , Jun 03 '21 at 21:19

score 0 · Answer 1 · answered Jun 03 '21 at 21:21

0

It's working, brother.

const preLoader = document.getElementById('preloader');

function loaderSite() {
  preLoader.classList.add('hidden');
}

window.addEventListener('load', () => {
  setTimeout(loaderSite, 2500);
}, false);

.hidden {
  display: none;
}

<div class="" id="preloader">
  <div id="loader">Loading</div>
</div>
<div clas="navbar"></div>

answered Jun 03 '21 at 21:21

Showrin Barua

1,737
1
11
22

weird, in my vscode it doesn't work – Killian Pierce Jun 04 '21 at 14:16
Run your code in the browser and see if it works or not. – Showrin Barua Jun 04 '21 at 14:19

SetTimeout Loader Animation Site

1 Answers1