Javascript-延迟显示的文本（易用）

我试图让登录页上的文本稍微延迟一点…首先，第一行应该出现，然后第二行。他们都应该在他们出现的时候放松。以下是该部分的屏幕截图：

所以“欢迎”应该先出现，然后是“到废话收藏”。我试着按照这篇文章中的建议去做。当遵循劳伦建议的方法时，“欢迎”永远不会出现

当遵循Rob建议的方法时，

}/]]>

会立即出现，而不是“欢迎”

这是我的HTML：

<div class="parallax-window" data-parallax="scroll" data-image-src="/wp-content/themes/TheBullshitCollection/Images/white-background.jpg">
<div class="welcome-div">
    <h3 class="welcome">Welcome</h3>
</div>

<div class="to-the-bullshit-collection-div">
    <h3 class="to-the-bullshit-collection">To the Bullshit Collection</h3>
</div>

<section id="section5" class="demo">
    <a href="#section5"><span></span>Scroll</a>
</section>
</div>

和JavaScript：

//javascript functions
(function ($, root, undefined) {
$(function () { 
    'use strict';       
    // DOM ready, take it away      
    }); 
})(jQuery, this);

//landing page text delay
function showWelcomeDiv() { 
    document.getElementById("welcome-div").style.display = "inline"; 
}
//this calls the function above, 3000 milliseconds is 3 seconds, adjust 
here to make it a longer interval
setTimeout("showBuyNow()", 1000);

---

知道怎么回事吗？谢谢

你不觉得这个方法更简单吗

/*WindowOnload淡入*/
@关键帧链式反应{
0% {
不透明度：0；
}
100% {
不透明度：1；
}
}
/*p组{
动画：链式反应；
不透明度：0；
动画填充模式：正向；
}*/
.视差窗口.欢迎页面div{
动画：连锁反应3s；
不透明度：0；
动画填充模式：正向；
文本对齐：居中；
字体系列：漂亮的ES；
字体大小：30px；
字体重量：较轻；
}
视差窗口。欢迎页面分区：第n个孩子（1）{
动画延迟：.3s；
}
视差窗口。欢迎页面分区：第n个孩子（2）{
动画延迟：1s；
}
/*WindowOnload淡入淡入*/

欢迎
去收集废话

您可以使用此

只需在jQuery之后导入：

<script src="https://cdn.jsdelivr.net/gh/jrquick17/jquery-delay-text/delay-text.js"></script>

---

欢迎，@HappyHands31现在很高兴。哈哈，等等，我唯一的问题是div仍然同时出现：-尝试在函数中将

p

更改为

Welcome page div

。。哈哈，等等，让我弄明白…问题似乎是html和css结构的问题好的，谢谢你的代码在代码片段中工作，但不是在小提琴中：很高兴听到这个。

<script src="https://cdn.jsdelivr.net/gh/jrquick17/jquery-delay-text/delay-text.js"></script>

$('h3').delayText({ sequential: true });