синхронизировать анимацию css с загрузкой страницы

Question

Я знаю, что существует множество вопросов, подобных этому, но никто не отвечает на мой вопрос. Я сделал предварительный загрузчик с анимацией css и хочу синхронизироваться с загрузкой страницы. Я могу активировать анимацию при загрузке страницы, но я хочу, чтобы время анимации было таким, чтобы точно следить за загрузкой страницы (даже если это слишком быстро).

Пример: http://jsfiddle.net/RgPU7/

Я хочу, чтобы эффект «начинка», чтобы следовать время загрузки страницы.

Прямо сейчас я просто применяю задержку и эффект затухания для модальности, которая обертывает анимацию css.

jQuery(window).load(function(){ 
    $(".modal").delay(3000).fadeOut(1000); 
}); 

Любые предложения были бы замечательными. Благодаря!

Answer 1

Вы всегда можете задержать функцию как этот

setTimeout(function() { your_func(); }, 5000); 

или вы можете сделать что-то вроде этого

$(this).fadeOut(500, function(){ 
    //Do something 
    $(this).fadeIn(700); 
}); 

Я надеюсь, что это помогает.