Как добавить дополнительное время для выполнения js скрипта?

Question

[amazinginternetsites]

Добрый день, ребят.

Установил на сайте прелоадер страницы с анимацией. Простенький, но удобный.
Но вот такой вопрос.
Скрипт js выглядит так

<script type="text/javascript">$(window).on('load', function () {
    var $preloader = $('#page-preloader'),
        $spinner   = $preloader.find('.spinner');
    $spinner.fadeOut();
    $preloader.delay(500).fadeOut('slow');
});</script>

Как добавить еще несколько секунд к его показу? Т.е. действительное время загрузки страницы + 3 сек

Спасибо

Answer 1

[Andrey Dyrkov]

Если тебе прям 3 секунды нужно то просто setTimeout поставь

<script type="text/javascript">$(window).on('load', function () {
    var $preloader = $('#page-preloader'),
        $spinner   = $preloader.find('.spinner');
   setTimeout(function(){
     $spinner.fadeOut();
    $preloader.delay(500).fadeOut('slow');
   },3000);
});</script>

Comments

[amazinginternetsites]

мне нужно фактическое время + 3 сек

[Andrey Dyrkov]

amazinginternetsites: тогда пере событием onload создавайте объект даты, после загрузки создавайте новый, вычитывате один из другово и делайте задержку на оставшееся время

[amazinginternetsites]

Andrey Dyrkov: Честно признаться, не знаю ка это сделать

[amazinginternetsites]

Andrey Dyrkov: я смог сделать только так

setTimeout(function() {

var $preloader = $('#page-preloader'),
$spinner = $preloader.find('.spinner');
$spinner.fadeOut();
$preloader.delay(500).fadeOut('slow');

}, 3000)

Но при этом игнорируется фактическое время загрузки страницы

Answer 2

[Svyatoslav Demidov]

<script type="text/javascript">$(window).on('load', function () {
    var 
          $preloader = $('#page-preloader'),
          $spinner = $preloader.find('.spinner');

    $spinner.delay(3000).fadeOut();
    $preloader.delay(3500).fadeOut('slow');
});</script>