Запуск скрипта после загрузки страницы
Варианты запуска кода после загрузки страницы можно разделить на 2 основные группы:
1. Запуск после того, как загружен HTML и построено дерево DOM
Скопировано
document.addEventListener( 'DOMContentLoaded', ()=> {
// код
}, false);
Показать код
или при подключенном jQuery так
Скопировано
jQuery(document).ready( function($) {
// код
});
Показать код
2. Запуск после окончательной загрузки всех ресурсов
Скопировано
window.addEventListener( 'load', ()=> {
// код
});
Показать код
или при подключенном jQuery так
Скопировано
$(window).on( 'load', function() {
// код
});
Показать код
И совсем отложенный вариант, который запустится через 1 секунду после того, как пользователь начнет прокручивать страницу:
Скопировано
let fired = false;
window.addEventListener( 'scroll', () => {
if( fired === false ) {
fired = true;
setTimeout( () => {
// код
}, 1000 )
}
});
Показать код