jQuery .delay не задерживает

Question

jQuery .delay не задерживает

0

Как установить html элемента, подождать 2 секунды, а затем установить html на что-то еще?

Пример: $("div").html("clicked").delay(2000).html("2 seconds have passed");

Что происходит: div получает "2 секунды, прошедшие" с места в карьер, вместо того, чтобы говорить "нажал" в течение 2 секунд, после чего отобразится "Прошло 2 секунды".

Мне нужно сделать что-то вроде .delay(2000, function() { $("div").html("2 seconds have passed"); })?

Пример в прямом эфире: http://jsbin.com/UfaYusU/1/edit

Благодарю!

Ian Davis 24 сен. 2013, в 17:11

Источник

Теги:

jquery

delay

3 ответа

2

.delay() по умолчанию работает только с анимационными функциями, вы можете использовать .promise():

$("div").html("clicked").delay(2000).promise().done(function() {
    $(this).html("2 seconds have passed");
});

undefined 24 сен. 2013, в 13:40

0

«работает только с анимационными функциями», не так, насколько я знаю. Работает на все, поставленные в очередь
A. Wolff 24 сен. 2013, в 15:00
0

@ A.Wolff Да, технически это правильно, я имел ввиду по умолчанию .
undefined 24 сен. 2013, в 15:02
0

Я никогда не думал об использовании .promise () в этом случае, хороший, даже если несколько кликов подряд, кажется, сломает его jsfiddle.net/fsvFj
A. Wolff 24 сен. 2013, в 15:09
0

Это нормально, используя .finish () чтобы очистить delay () чтобы исправить это: jsfiddle.net/fsvFj/1
A. Wolff 24 сен. 2013, в 15:12
1

@ A.Wolff На самом деле он не ломается, так как создается несколько объектов обещания, он ждет, когда все они будут выполнены, например, 5 щелчков, 10 секунд, в этом случае я не буду создавать объект обещания, так как он добавляет накладные расходы, но это очень полезно в некоторых случаях.
undefined 24 сен. 2013, в 15:16
0

Это имеет смысл! Спасибо, что поделились своими знаниями!
A. Wolff 24 сен. 2013, в 15:18

Показать ещё 4 комментария

0

Используйте setTimeout() если вы хотите запустить некоторый код после задержки...

$("button").click(function(e) {
  $("div").html("clicked");
  setTimeout(function() {
    $("div").html("2 seconds have passed");
  }, 2000);
});

Здесь обновленная версия вашего jsbin...

Archer 24 сен. 2013, в 12:35

Ещё вопросы

«работает только с анимационными функциями», не так, насколько я знаю. Работает на все, поставленные в очередь
@ A.Wolff Да, технически это правильно, я имел ввиду по умолчанию .
Я никогда не думал об использовании .promise () в этом случае, хороший, даже если несколько кликов подряд, кажется, сломает его jsfiddle.net/fsvFj
Это нормально, используя .finish () чтобы очистить delay () чтобы исправить это: jsfiddle.net/fsvFj/1
@ A.Wolff На самом деле он не ломается, так как создается несколько объектов обещания, он ждет, когда все они будут выполнены, например, 5 щелчков, 10 секунд, в этом случае я не буду создавать объект обещания, так как он добавляет накладные расходы, но это очень полезно в некоторых случаях.
Это имеет смысл! Спасибо, что поделились своими знаниями!

LexLusa · Accepted Answer · 2013-09-24T13-06-00.000Z

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

Попробуй это:

setTimeout(function() {
      // Do something after 2 seconds
}, 2000);