jQuery: ждать / задерживать 1 секунду без выполнения кода - PullRequest
Новая
       45

jQuery: ждать / задерживать 1 секунду без выполнения кода

109 голосов
/ 17 января 2012

Я не могу заставить метод .delay работать в jQuery: 

$.delay(3000); // not working
$(queue).delay(3000); // not working

Я использую цикл while для ожидания, пока неконтролируемое изменяющееся значение больше или равно другому, и я могуне могу найти способ вызвать казнь за X секунд.

Ответы [ 8 ]

187 голосов
/ 21 июля 2012

Вы также можете просто отложить некоторые операции следующим образом: 

setTimeout(function (){

  // Something you want delayed.

}, 5000); // How long do you want the delay to be (in milliseconds)?
159 голосов
/ 17 января 2012

$. Delay используется для задержки анимации в очереди, а не для остановки выполнения.

Вместо использования цикла while вам необходимо рекурсивно вызывать метод, который выполняет проверку каждую секунду, используя setTimeout:

var check = function(){
    if(condition){
        // run when condition is met
    }
    else {
        setTimeout(check, 1000); // check again in a second
    }
}

check();
8 голосов
/ 17 января 2012

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

$('#foo').slideUp(300).delay(800).fadeIn(400);

Если вы хотите наблюдать переменную за изменениями, вы можете сделать что-то вроде 

(function() {
    var observerInterval = setInterval(function() {
        if (/* check for changes here */) {
           clearInterval(observerInterval);
           // do something here
        }
    }, 1000);
})();
8 голосов
/ 17 января 2012

JavaScript setTimeout - очень хорошее решение: 

function funcx()
   {
   // your code here
   // break out here if needed
   setTimeout(funcx, 3000);
   }

funcx();

Функция delay в jQuery в основном используется для задержки анимации в очереди анимации jQuery.

6 голосов
/ 12 июля 2018

es6 setTimeout 

setTimeout(() => {
  console.log("we waited 204586560000 ms to run this code, oh boy wowwoowee!");
}, 204586560000);

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

5 голосов
/ 10 марта 2016

Только javascript. Он будет работать без jQuery 

<!DOCTYPE html>
<html>
    <head>
        <script>
            function sleep(miliseconds) {
                var currentTime = new Date().getTime();
                while (currentTime + miliseconds >= new Date().getTime()) {
                }
            }

            function hello() {
                sleep(5000);
                alert('Hello');
            }
            function hi() {
                sleep(10000);
                alert('Hi');
            }
        </script>
    </head>
    <body>
        <a href="#" onclick="hello();">Say me hello after 5 seconds </a>
        <br>
        <a href="#" onclick="hi();">Say me hi after 10 seconds </a>


    </body>
</html>
.
5 голосов
/ 17 января 2012

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

Цель jQuery delay() - заставить очередь анимации ждать перед выполнением.Так, например, $(element).delay(3000).fadeIn(250); заставит элемент исчезнуть через 3 секунды.

4 голосов
/ 17 января 2012

Javascript - это язык асинхронного программирования, поэтому вы не можете остановить выполнение на некоторое время;единственный способ [псевдо] остановить выполнение - использовать setTimeout (), которая является не задержкой, а «обратным вызовом отложенной функции».

...