2秒後自動隱藏並顯示div

Question

我對這些腳本非常陌生，並且非常感謝任何幫助。

我有3個旋轉divs，希望div1顯示2秒，然後div2顯示2秒，然後div3顯示2秒，然後整個循環從頭開始。一次一格，另外兩個隱藏。我也想擺脫點擊啓動功能，但只要我訪問頁面的循環開始。

我基本上從下面的帖子中獲取代碼。我得到了所有的工作 auto hide div after 2 seconds

Answer 1

使用jQuery .fadein()和.fadeout()或.css('display','none')和使用window.setInterval(FunctionName, 2000);

每兩秒鐘輸入函數的第一個參數運行。創建一個變量來跟蹤您即將展示的div。當變量變爲3時，您將其重置爲1，以便過程可以無限持續。

編輯：

風格：

div{ 
    width:500px; 
    height:500px; 
    margin-left:50px; 
    border:1 px solid black; 
    float:left; 
    opacity:0; 
} 
#div3 
{ 
    opacity:1; 
} 

div:nth-child(odd){ 
    background:#dad; 
} 
div:nth-child(even){ 
    background:#a55; 
} 

的jQuery/JS：

var Index = 1; 

window.setInterval(ChangeVisibleDiv, 2000); 

function ChangeVisibleDiv() 
{ 
    var nextIndex = Index + 1; 
    var prevIndex = Index - 1; 
    //reset on 4, not 3 because then the 3rd div would never be faded out. 
    if(Index == 4) 
     nextIndex = 1; 
    // opposite story here as above 
    if(Index == 1) 
     prevIndex = 3; 

    $(("#div" + prevIndex)).css('opacity',0); 
    $(("#div" + nextIndex)).css('opacity',0); 
    $(("#div" + Index)).css('opacity',1); 

    Index++; 

    //reset on 4, not 3 because then the 3rd div would never be faded out. 
    if(Index == 4) 
     Index = 1; 

} 

HTML

<div id="div1"> 

</div> 
<div id="div2"> 

</div> 
<div id="div3"> 

</div> 

它開始在第三格，我希望你不要」不介意因爲我懶得修理=）

雖然我確實建議你學習一些jQuery和JavaScript。如果你不知道它是如何工作的，那麼使用它並不聰明。至少學習基礎知識。

同時，人們對這個論壇希望是有趣和富有挑戰性，從學校沒有分配問題=）