同一选择器上的多个HTML方法

Question

我试图运行这段代码，但是当它运行文本时，它已经“欢迎回来”了，我希望它是“嗨！”首先是“欢迎回来”
如果有人知道有什么方法可以更改此设置，请告诉我。

$(Animation)
.text('Hi!')
.slideUp(600)
.delay(600)
.text('Welcome Back')
.slideDown(600)
.delay(600)
.slideUp(600)

Answer 1

delay方法仅适用于jQuery中排队的项目（主要是动画）。因此，您可以正确地看到动画之间的延迟，而不能在更改文本之间看到延迟。如果要进行这样的更改，则需要使用setTimeout：

$("div").text('Hi!').slideUp(600);
setTimeout(function() {
    $("div")
        .text('Welcome Back')
        .delay(600)
        .slideDown(600)
        .delay(600)
        .slideUp(600);
}, 600);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

详细了解seTimeout和delay。