延迟jQuery fadeIn 5秒

我怎样才能将淡入延迟5秒？当我更改数字“（2000）”时，它会将图像从不透明加载到透明。我只想将淡入延迟5秒

$(document).ready(function() {
    $('#page_effect').fadeIn(2000);
});

<div id="page_effect" style="display:none;">

$（文档）.ready（函数（）{
$（“#page_effect”）。fadeIn（2000年）；
});

更新

<!--1.0 Fader-->
<script type="text/javascript">
$(document).ready(function(){

$('#page_effect').delay( 5000 ).fadeIn(2000);

});
</script>

$（文档）.ready（函数（）{
$（“#page_effect”）。delay（5000）。fadeIn（2000）；
});

有几种不同的方法可以实现您想要的解决方案。我将发布两个立即浮现在脑海中的

首先是jQuery自己的：

第二个显然是：

存储计时器可以在必要/需要时取消它

第三种——我认为是首选的——解决方案是：

---

您不需要简单地在domReady添加类。您可以再次使用

setTimeout

（但不要忘记从CSS声明中删除延迟），而不是在转换中定义延迟。

，…感谢bunch@nietonfir。工作得很好。请随意张贴您的答案，以便我可以接受它，如果你想！

$('#page_effect').delay(5000).fadeIn(2000);

var effectTimer = setTimeout(function() {
    $('#page_effect').fadeIn(2000);
}, 5000);

#page_effect {
    opacity: 0;
    transition: opacity 2s ease-in-out 5s;
}
#page_effect.active {
    opacity: 1;
}