Setare timp de incarcare a site-ului

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
Marius
Mesaje:60

Setare timp de incarcare a site-ului

Am o imaine de incarcare a site-ului în format GIF, dar nu apare fiindca pagina web se încarca în 0,01 secunde.
Este posibil să setez un timp de încărcare la 2 secunde in care sa fie afisata animația?

MarPlo Mesaje:4343
Iata un exemplu de preloader cu jQuery, cu metoda delay() (2 sec = 2000), adaugata la evenimentul 'load'.

Cod: Selectaţi tot

<style>
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

<div class='loading'>
  <img src='your_image.gif'>
</div>

<div>Content of the page.</div>

<script>
$(window).on('load', function() {
  $('.loading').delay(2000).fadeOut(500);
});
</script>

Subiecte similare