跳过JQuery delay（）函数

Question

我无法获得一些javascript和Jquery来延迟适当的时间。我想更改一些文本，等待5秒，然后弹出警报。

以下是代码：

$('#result').html("Record has passed").delay(5000);
alert("Record has passed");

出于某种原因，警报在jquery更改#result并等待之前运行。任何解决方案或任何其他人都看到这个问题？

我试过

setTimeout($('#result').html("Record has passed"), 5000);

同样但仍然没有运气。

Answer 1

jQuery的.delay方法仅适用于动画和排队函数。请尝试使用setTimeout。

$("#result").html("Record has passed");
setTimeout(function(){
    alert("Record has passed");
},5000);

Answer 2

$('#result').html("Record has passed");
setTimeout(function(){
    alert("Record has passed");
},5000);​

Example Here

Answer 3

如果你还想使用jquery延迟，你可以这样做：

$('#result').html("Record has passed").delay(5000).queue(function() {
  alert("Record has passed");
});