SetTimeout JavaScript: примеры и использование

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

Например, вот как можно использовать settimeout:

function myFunction() {
  console.log("Hello from settimeout");
}
setTimeout(myFunction, 3000);

Этот код вызовет функцию myFunction через 3 секунды. Когда функция выполнится, в консоль будет выведено "Hello from settimeout".

Settimeout также может использоваться для создания анимаций и изменения свойств элементов на странице. Например:

var box = document.getElementById("box");
function moveBox() {
  box.style.left = "100px";
}
setTimeout(moveBox, 2000);

Этот код переместит элемент с id "box" на 100 пикселей вправо через 2 секунды.

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

var timer = null;
var count = 0;
function startTimer() {
  timer = setTimeout(function() {
    count++;
    console.log(count);
    startTimer();
  }, 1000);
}
function stopTimer() {
  clearTimeout(timer);
  timer = null;
  console.log("Timer stopped");
}
startTimer();
setTimeout(stopTimer, 10000);

Этот код создает таймер, который каждую секунду выводит в консоль текущее значение счетчика (начиная с 1) и останавливает его через 10 секунд. Функции startTimer и stopTimer используют settimeout и clearTimeout для управления таймером.

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