fadeOut +延迟无法正常工作

Question

我试图让一个div覆盖整个网站，以便在页面加载几秒延迟时淡出。 div不会褪色，我也不知道为什么......

＆＃13;

＆＃13;

    $("#loading").delay(3000).fadeOut(3000);

＆＃13;

    #loading {
	width:100%;
	height:100%;
	z-index:500;
	background:#000;
	position:absolute;
    }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="loading"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您正在寻找setTimeout()

setTimeout(function () { 
    $("#loading").fadeOut(3000);
}, 3000);

来自jQuery .delay() docs：

  

.delay（）方法最适合在排队的jQuery之间延迟   效果。因为它是有限的 - 例如，它没有提供一种方法   取消延迟-.delay（）不是JavaScript本机的替代品   setTimeout函数，可能更适合某些用途   例。