Відкладений запуск коду

by Сергій Куліков

HTML

Запрошую у мій Telegram канал, де я ділюся корисним: https://t.me/KulikovSerhiiChannel

<br><br>##########<br><br>










Перший варіант:

<script>
document.addEventListener('DOMContentLoaded', function() {
	setTimeout(function() {

		// Тут наш код, який треба завантажити трохи пізніше
		// Код тут виконується через 10 секунд після того,
		// як вся HTML-розмітка завантажена та розпарена,
		// але без очікування повного завантаження зовнішніх ресурсів,
		// таких як стилі та зображення

	}, 10000);});
</script>





<br><br><br>





Другий варіант:

<script>
window.addEventListener('load', function() {
	setTimeout(function() {

		// Тут наш код, який треба завантажити трохи пізніше
		// Код тут виконується через 10 секунд після того,
		// як усі ресурси сторінки, включаючи всі зовнішні
		// ресурси (картинки, стилі, скрипти, тощо) повністю завантажені

	}, 10000);
});
</script>





<br><br><br>

Перший варіант (DOMContentLoaded) корисний, коли потрібно виконати скрипт якомога раніше, не чекаючи повного завантаження всіх ресурсів сторінки.

<br><br><br>

Другий варіант (load) корисний, коли необхідно переконатися, що всі ресурси сторінки завантажені, перш ніж виконувати будь-який код.