javascript - 同一选择器上的多个 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 .