因JavaScript延迟淡入淡出？

Question

我想知道是否有人可以帮助我，我已经搜索了谷歌，但我没有看到他们想要淡入淡出的问题，只有其中一个。

我想慢慢淡化div，等待5秒，然后慢慢淡出。可以这样做吗？

我还没有真正尝试过任何事情，因为我不知道从哪里开始。

Answer 1

您应该从基本的JavaScript和jQuery开始。 fadeIn()和fadeOut()这两种方法都在jQuery中，所以你也应该在你的问题中标记jQuery。在这里，我给你举了一个例子。

＆＃13;

＆＃13;

$(function(){
    $('#div1').fadeOut(2000);
    setTimeout(function() {
	$('#div1').fadeIn(2000);
    }, 5000);
})

＆＃13;

#div1{
    width:90%;
    height:100px;
    background-color:red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">
    this is the div
</div>

＆＃13;

＆＃13;

＆＃13;