Jquery遍历数组

Question

花一点时间看看这个网站http://www.thejewelrysource.net/并在左下角停留7秒钟，会有一个小弹出窗口会出现并再次消失我想要做那样的事情使用Jquery的

我知道我可以使用Slideup和SlideDown方法，但我面临的问题是如何遍历数组中的给定数据，以便我一次弹出数据一。我只使用静态数据。提前谢谢你的帮助！也许有人帮助我！非常感谢你

Answer 1

我从你的描述中无法理解。你有什么机会在想什么？

我使用setTimeout和setInterval来模拟这个以及一个闭包变量来跟踪要显示的下一个项目。

＆＃13;

＆＃13;

$(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);
});

＆＃13;

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

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;