Javascript 如何在HTML/CSS经过一定时间后淡入并淡出div

我有一个包含文本的div，经过一段时间后，我希望该div淡出，然后另一个div淡入。我试过这个，第二个div不会消失：

$（函数（）{
$（“.preload”）.fadeOut（20，函数（）{
$（“.content”）.fadeIn（20）；
});
})

第一页
第二页

您可以先将

.content

div设置为

显示：none

，然后将

.preload

设置为

fadeOut（）

另外，您添加的

seconds

过低

div无法显示其
fadeIn
或
fadeOut
效果。至少使用相当于
2
秒淡出效果的
2000

现场演示：


$（函数（）{
$（“.preload”）.fadeOut（2000，函数（）{
$（“.content”）.fadeIn（2000年）；
});
});
.content{
显示：无；
}

首页
第一页
第二页
你真的忠于你的头衔啊哈，非常感谢你。我最初想做的是制作一个进度条，或者在一段时间后，或者当进度条达到100时转到另一个网页。但是现在有了这个，我可以把第一页的内容放在一个div中，第二页的内容放在另一个div中，然后像上面那样做。谢谢again@kayacancode很高兴听到：）总是乐于助人，乐于编码！