Добрый день. Использую данный код для показа анимации во время полной загрузки сайта caseroom.in.ua:
<style>
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 100500;
}
#page-preloader .spinner {
width: 300px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
background: url('/image/catalog/preloader.gif') no-repeat 50% 50%;
margin: -200px 0 0 -150px;
}
</style>
<script>
$(window).on('load', function () {
var $preloader = $('#page-preloader'),
$spinner = $preloader.find('.spinner');
setTimeout(function(){$('#page-preloader').fadeOut('slow')},2900);
});
</script>
Проблема заключается в том, что если скорость инета по какой-либо причине страдает, анимашка играет до тех пор, пока не подгрузиться весь контент сайта. Помогите подправит скрипт, что бы он делал fadeOut('slow') если window.onload не происходит в течении четырёх секунд.