Загрузить JavaScript через 5 секунд после загрузки страницы?

0

Я пробовал следующее:

<body id="myBody" onload = "setTimeout('a()', 5000)" / >

Это правильный метод? Причина, по которой я хочу сделать это, - это то, что у меня есть весь сайт, который оживляет (например, fade ins) при загрузке страницы. Наличие моего javascript делает анимацию негладкой.

Любые отзывы оцениваются.

  • 0
    Можете ли вы опубликовать jsfiddle вашего кода?
  • 0
    Ваш был правильный путь для меня.
Теги:

5 ответов

1
Лучший ответ
window.addEventListener("load", function () {
    animation();
    setTimeout(otherOperation, 5000);
}, false);

function animation() {}
function otherOperation() {}

возможно, вы можете использовать такой код

Поделиться
  • 0
    так что, если я скопирую этот код и добавлю его в тег скрипта внутри заголовка моего документа, он будет работать правильно?
1

Этот код будет работать. Просто установите время в миллисекундах и напишите свой JS-код в функции loadAfterTime:

<script>
 window.onload = function(){
   setTimeout(loadAfterTime, 5000)
};


function loadAfterTime() { 
// code you need to execute goes here. 
}
</script>
Поделиться
1

<body id="myBody" onload = "setTimeout(a, 5000)">
Попробуй это

Поделиться
  • 0
    просто и эффективно, не уверен, почему не проголосовали за вершину.
0

если вы используете jQuery, ваша анимация имеет обратный вызов, который вы можете использовать для задержки запуска всех других событий javascript, например:

$( window ).on( 'load', function () {

    $( '.someElements' ).animate({

        // properties to animate
    }, 300, function () {

        initScripts();
    });
});

function initScripts () {
  // call all other functions here
}
Поделиться
  • 0
    Я использую css-анимацию, но jquery для других анимаций, которые я хочу запустить через 5 секунд после появления моей страницы.
0

Браузер всегда загружает весь ваш скрипт, если он есть, когда вы открываете веб-страницу. Так что это зависит от того, когда вы вызываете свои функции javascript. Попробуй это:

document.ready(function(){ 
 // your code
});
or
$(function(){
     // your code
});

оба из них убедитесь, что весь элемент на вашей странице загружен.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню