Метод Java Script | setTimeout () и setInterval()

Метод setTimeout()
Метод setTimeout() выполняет функцию после ожидания заданного количества миллисекунд.
Синтаксис:

window.setTimeout(function, milliseconds);

Параметр: Есть два параметра, которые принимаются этим методом

функция : первый параметр-это функция, которая должна быть выполнена
миллисекунды : указывает количество миллисекунд до выполнения.

Например, мы хотим, чтобы окно предупреждения появилось через 2 секунды после того, как пользователь нажмет кнопку «Нажмите меня».

Пример:

<!DOCTYPE html>
<html>

<head>
	<title>
	HTML | DOM Window setTimeout() method
	</title>
</head>

<body>

	<button onclick="setTimeout(gfg, 2000);">
	Press me
	</button>

	<script>
		function gfg() {
			alert('Welcome to GeeksforGeeks');
		}
	</script>

</body>

</html>

Вывод:

Как только пользователь нажмет кнопку “нажмите меня”, то после паузы в 2 секунды
появится окно предупреждения об этом сообщении.

Метод setInterval()
Метод setInterval() повторяет заданную функцию на каждом заданном временном интервале.
Синтаксис:

window.setInterval(function, milliseconds);

Параметр: Есть два параметра, которые принимаются этим методом

функция : первый параметр-это функция, которая должна быть выполнена
миллисекунды :указывает продолжительность временного интервала между каждым выполнением.

Пример:

<!DOCTYPE html>
<html>

<head>
	<title>
		HTML | DOM Window setTimeout() method
	</title>
</head>

<body>

	<p>I will say hi many times</p>

	<p id="GFG"></p>

	<script>
		var myVar = setInterval(myTimer, 1000);

		function myTimer() {
			document.getElementById("GFG").innerHTML +=
											"<p>Hi</p>";
		}
	</script>

</body>
</html>