Я не могу заставить метод .delay работать в jQuery:
$.delay(3000); // not working
$(queue).delay(3000); // not working
Я использую цикл while, чтобы дождаться, пока неконтролируемое изменяющееся значение не станет больше или равно другому, и я не могу найти способ вызвать выполнение в течение X секунд.
$ .delay используется для задержки анимации в очереди, а не для остановки выполнения.
Вместо использования цикла while вам нужно рекурсивно вызвать метод, который выполняет проверку каждую секунду, используя setTimeout:
var check = function(){
if(condition){
// run when condition is met
}
else {
setTimeout(check, 1000); // check again in a second
}
}
check();
setTimeout().
- person Joshua Pinter; 10.01.2015
setTimeout(check,0);
- person reverie_ss; 31.05.2019
Вы также можете просто отложить некоторые операции следующим образом:
setTimeout(function (){
// Something you want delayed.
}, 5000); // How long do you want the delay to be (in milliseconds)?
ES6 setTimeout
setTimeout(() => {
console.log("we waited 204586560000 ms to run this code, oh boy wowwoowee!");
}, 204586560000);
Изменить: 204586560000 мс - приблизительное время между исходным вопросом и этим ответом ... при условии, что я правильно рассчитал.
Функция delay jQuery предназначена для использования с эффектами и очередями эффектов, см. delay docs и приведенный в них пример. :
$('#foo').slideUp(300).delay(800).fadeIn(400);
Если вы хотите наблюдать за изменениями переменной, вы можете сделать что-то вроде
(function() {
var observerInterval = setInterval(function() {
if (/* check for changes here */) {
clearInterval(observerInterval);
// do something here
}
}, 1000);
})();
Если вы используете функции ES6 и используете асинхронную функцию, вы можете эффективно остановить выполнение кода на определенное время с помощью этой функции:
const delay = millis => new Promise((resolve, reject) => {
setTimeout(_ => resolve(), millis)
});
Вот как вы его используете:
await delay(5000);
Он остановится на запрошенное количество миллисекунд, но только если вы используете асинхронную функцию. Пример ниже:
const myFunction = async function() {
// first code block ...
await delay(5000);
// some more code, executed 5 seconds after the first code block finishes
}
await setTimeout(_ => {}, millis); затем перейдя к следующей строке.
- person Chantelle Chan; 17.08.2020
JavaScript setTimeout - очень хорошее решение:
function funcx()
{
// your code here
// break out here if needed
setTimeout(funcx, 3000);
}
funcx();
Функция delay в jQuery в основном используется для задержки анимации в очереди анимации jQuery.
delay() не останавливает поток кода, а затем повторно запускает его. В JavaScript нет практического способа сделать это. Все должно быть выполнено с помощью функций, которые принимают обратные вызовы, такие как setTimeout, о которых упоминали другие.
Цель delay() jQuery - заставить очередь анимации ждать перед выполнением. Так, например, $(element).delay(3000).fadeIn(250); заставит элемент исчезнуть через 3 секунды.
Javascript - это асинхронный язык программирования, поэтому вы не можете остановить выполнение на какое-то время; единственный способ [псевдо] остановить выполнение - использовать setTimeout (), который не является задержкой, а является «отложенным обратным вызовом функции».
Только 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>
function sleep(num) {
var now = new Date();
var stop = now.getTime() + num;
while(true) {
now = new Date();
if(now.getTime() > stop) return;
}
}
sleep(1000); // 1 second
alert('here');
этот код хорошо работает для меня.
