Как сделать, чтоб пока идет прелоадер, страница не загружалась, и анимация тоже?

Question

[trenton]

У меня анимация по всем секциям. И пока прелоадер идет просто как графический эффект, то и анимация при загрузке тоже начинает идти. А надо чтоб сначала отработал прелоадер,а потом все остальное
Даже если я сделаю задержку анимации именно на первом экране, то это не подойдет для других секций, если пользователи перезагрузят страницу в другом месте.
К какому событию подцепиться, чтобы сказать - вот сейчас 2 секунды прелоадер, а потом пусть все грузится так, как прописано, в каком месте страницы бы человек не находился?

Код псевдо-прелоадера

<div id="elem">
    <div class="overlay"></div>   
    <div class="preloader"> 
     <img class="clock rotate" src="<?php the_field('clock'); ?>" />
    </div> 
</div>

$(document).ready(function() {
    $("#elem").show('slow');
    setTimeout(function() { $("#elem").hide('slow'); }, 2000);
});