jquery遍歷數組

Question

需要一段時間看看這個網站http://www.thejewelrysource.net/和留在像左下角7秒有一個小的彈出窗口，將出現，並再次消失我想做的事情那樣使用jQuery的。

我知道我可以使用效果基本show和了slideDown方法，但我面臨的問題是，如何能穿越到給定的數據在陣列，這樣我會在一個時間彈出數據之一。我只使用靜態數據。提前謝謝你的幫助！可能有人幫助我！謝謝你這麼多

Answer 1

我不明白你的描述。無論如何，這是你在看什麼？

我用setTimeout和setInterval來模擬這個和一個閉包變量來跟蹤下一個要顯示的項目。

$(document).ready(function() { 
 

 
    var $popup = $(".popup"), 
 
    aMessages = ["Hello", "This is alert", "Is this what are you look for?"], 
 
    counter = 0; 
 

 
    $(".popup").hide(); 
 

 
    var interval = setInterval(showMessage, 3000); 
 

 
    function showMessage() { 
 
    var iMessageId = counter % aMessages.length; 
 
    $popup.text(aMessages[iMessageId]); 
 
    $popup.show(); 
 
    counter++ 
 
    setTimeout(hideMessage, 1000); 
 
    } 
 

 
    function hideMessage() { 
 
    $(".popup").fadeOut(100); 
 
    } 
 
    
 
    setTimeout(function() { 
 
    clearInterval(interval); 
 
    }, 10000); 
 
});

.popup { 
 
    width: 200px; 
 
    height: 100px; 
 
    background-color: yellow; 
 
    border-radius: 50px; 
 
    padding: 20px; 
 
    position: fixed; 
 
    left: 10px; 
 
    bottom: 10px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 

 
<div class="popup"></div>