Блог

Главная - JavaScript язык программирования - Метод Java Script | setTimeout () и setInterval()
You are currently viewing Метод Java Script | setTimeout () и setInterval()

Метод 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>

Вывод:

Через каждую секунду будет отображаться новое сообщение “привет”.

Затем:

Поддерживаемый браузер: Браузер, поддерживаемый методом setTimeout () и setInterval (), указан ниже:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari
Метки: