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

Question

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

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

Что происходит: ДИВ получает «2 секунд прошли» с летучей мыши, вместо того чтобы сказать «щелкнули» в течение 2 секунд, а затем отображения «2 секунд прошли».

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

Живой пример здесь: http://jsbin.com/UfaYusU/1/edit

Спасибо!

Answer 1

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

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

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

Answer 2

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

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

Answer 3

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

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

Here's an updated version of your jsbin...