javascript - jQuery 延迟无法正常工作

Question

我似乎无法让我的文本更新，延迟 0.8 秒。

function beginningText() {
 $('#bubbleText').text('H').delay(800);
$('#bubbleText').text('He');
}

Answer 1

.delay() 阻止从它链接到同一语句的代码，但不阻止在它之后的语句中出现的代码。

技术上您想要的结构是这样的:

$('#bubbleText').text('H').delay(800).text('He');

但是，这是行不通的。出于一个非常不明显的原因(我只需要查找)。 .delay() 对 jQuery 中“排队”的元素进行操作，例如动画和其他需要时间的东西。设置文本或任何其他此类“即时”操作不会“排队”，而是立即发生。

您可以手动使用 .queue() 函数将操作添加到队列:

$('#bubbleText').text('H').delay(800).queue(function(){
    $('#bubbleText').text('He');
});