jQuery不工作时的顺序淡入效果

我正试图为我的登录页做我自己的介绍。有什么我遗漏的吗？我的页面只显示一个黑屏

$（函数（）{
var welcomeSection=$（'.welcome section'），
enterButton=welcomeSection.find（'.enter按钮'）；
setTimeOut（函数（）{
welcomeSection.removeClass（“内容隐藏”）；
}, 800);
输入按钮。打开（'单击'，功能（e）{
e、 预防默认值（）；
welcomeSection.addClass（'content-hidden'）.fadeOut（）；
})
});


H
E
L
L
O

JavaScript中没有
setTimeOut
函数。请尝试设置超时。请记住，Java脚本区分大小写


$（函数（）{
var welcomeSection=$（'.welcome section'），
enterButton=welcomeSection.find（'.enter按钮'），
greating=$（'.content wrap'）；
输入按钮。打开（'单击'，功能（e）{
e、 预防默认值（）；
greating.fadeIn（）；
})
});
。欢迎部分{
字体系列：Arial；
字体大小：14px；
}
.隐藏{
显示：无；
}
.在文本中飞行{
列表样式类型：无；
利润率：10px0；
填充：0；
}
.飞入文本李{
显示：块；
文本对齐：居中；
高度：30px；
线高：30px；
宽度：30px；
背景：#c00；
颜色：#fff；
边缘底部：1px；
}


H
E
L
L
O

您也可以逐个设置字母的动画：


var showLetters=函数（）{
变量字母=$（'.fly-in-text'）。查找（'li'）；
字母。每个（功能（i）{
$（此）.delay（200*i）.fadeIn（“显示”）；
});
}
$（'enter button'）。在（'click'，showLetters'）
。欢迎部分{
字体系列：Arial；
字体大小：14px；
}
.在文本中飞行{
列表样式类型：无；
利润率：10px0；
填充：0；
}
.飞入文本李{
文本对齐：居中；
高度：30px；
线高：30px；
宽度：30px；
背景：#c00；
颜色：#fff；
边缘底部：1px；
显示：无；
}


H
E
L
L
O

您在控制台上有任何错误吗？我将您的代码放在了一个代码段中。您现在可以看到问题：
setTimeOut
需要是
setTimeOut
。注意JS是区分大小写的。另外请注意，当JS无法按预期工作时，您可以轻松检查控制台以调试JS。嗨，谢谢。是的，我这次没有看到区分大小写的东西。t您想实现什么？请参阅我的最新答案。如果它是你想要的，就接受它。这就是你想要的，还是你想让它们一个接一个地活跃起来？@ErzalPrayudha看到我的新答案。@ErzalPrayudha那么也许你应该验证我的答案。这将有助于其他程序员。：）