在JavaScript中延遲淡入淡出？

-1

我想知道是否有人可以幫助我，我搜索谷歌，但我沒有看到一個問題，他們想淡入和出，只有其中之一。在JavaScript中延遲淡入淡出？

我想慢慢淡化一個div，等待5秒，然後慢慢淡出。這可以做到嗎？

我還沒有真正嘗試過任何東西，因爲我不知道從哪裏開始。

2017-07-30 James Bond

可能使用CSS動畫/過渡爲起點 –

也許，如果你學會如何淡入，然後學習如何淡出，你可以以某種方式結合起來，知識淡入兩並出去。 – JJJ

我不知道如何，因爲它衝突。 –

您應該從基本的JavaScript和jQuery開始。 fadeIn()和這兩個方法都在jQuery中，所以你還應該在你的問題中標記jQuery。在這裏，我給你舉例說明了如何做到這一點。

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

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

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

2017-07-30 06:18:29

回答