Zpoždění před provedením v JavaScriptu

Pojďme si nyní rozebrat funkci setTimeout, která umožňuje vytvořit zpoždění před spuštěním kódu. Toto zpoždění, na rozdíl od funkce setInterval, nastane pouze jednou.

Prvním parametrem setTimeout přijímá zdrojový kód funkce, a druhým - zpoždění v milisekundách před spuštěním této funkce.

Podívejme se na funkci na nějakém příkladu. Předpokládejme, že máme takovéto tlačítko:

<input type="submit" id="elem">

Získáme odkaz na naše tlačítko do proměnné:

let elem = document.querySelector('#elem');

Nyní udělejme to, aby po kliknutí na tlačítko se na obrazovce zobrazil alert, ale ne okamžitě, ale až za 3 sekundy po kliknutí:

elem.addEventListener('click', function() {
	setTimeout(function() {
		alert('!');
	}, 3000);
});

Je dán odstavec. Napište kód, který vypíše zprávu do tohoto odstavce za 10 sekund po načtení stránky.