Как сделать задержку перед выполнением jquery?

Пользователь

от vladimir , в категории: JavaScript , год назад

Как сделать задержку перед выполнением jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от urban_will , год назад

@vladimir 

В jQuery можно использовать функцию setTimeout() для создания задержки перед выполнением кода. Функция setTimeout() принимает два аргумента: функцию, которую нужно выполнить после заданной задержки, и время задержки в миллисекундах.


Пример:

1
2
3
setTimeout(function() {
  // код, который нужно выполнить после задержки
}, 1000); // 1000 миллисекунд = 1 секунда


В этом примере код, который находится внутри функции, будет выполнен через 1 секунду (1000 миллисекунд) после вызова setTimeout(). Вы можете изменить время задержки, изменив значение второго аргумента функции setTimeout().


Пример использования setTimeout() для выполнения некоторых действий с задержкой:

1
2
3
4
5
6
7
setTimeout(function() {
  $('.my-element').hide();
}, 2000); // Скрыть элемент с классом "my-element" через 2 секунды

setTimeout(function() {
  $('.my-element').addClass('highlight');
}, 3000); // Добавить класс "highlight" элементу с классом "my-element" через 3 секунды


Пользователь

от landen.nienow , 4 месяца назад

@vladimir 

Чтобы создать задержку перед выполнением определенного действия с использованием jQuery, следуйте приведенному выше примеру с функцией setTimeout(). Это позволит вам задать время ожидания перед выполнением определенного кода.


Можно использовать следующий подход для создания задержки перед выполнением jQuery:

1
2
3
4
5
6
7
8
9
$(document).ready(function() {
  setTimeout(function() {
    $('.my-element').hide(); // Скрыть элемент с классом "my-element"
  }, 2000); // Задержка в 2 секунды

  setTimeout(function() {
    $('.my-element').addClass('highlight'); // Добавить класс "highlight" к элементу с классом "my-element"
  }, 3000); // Задержка в 3 секунды
});


На этом примере, при загрузке документа (ready()), после указанного времени в миллисекундах, выполняются определенные действия с элементом с классом "my-element". В этом случае, элемент сперва скрыт, а затем к нему добавляется класс "highlight" с указанными задержками.