javascript - 如何使用 jQuery 随机显示一组元素？

Question

使用 jQuery，您如何以随机顺序 show() 页面上的每个 div.foo，每 X 毫秒出现一个新的？

澄清:我想从隐藏所有这些元素开始，到显示所有这些元素结束，因此 show() 相同的元素没有意义两次。

我原本以为我会制作一个列出所有元素的数组，随机选择一个，显示那个，使用 splice() 从数组中删除它，然后从中随机选择下一个剩余的列表 - 等等。但是因为我的数组是 jQuery 对象的一部分，所以 splice() 不可用。

Answer 1

执行此操作的一种有趣方法是使用随机播放功能扩展 Javascript 的 Array 基础对象。在 Prototype 中(在 JQuery 中应该是一样的，除了 jQuery.extend)。这是快速而肮脏的洗牌，还有很多其他方法可以做到这一点。

Object.extend(Array.prototype, {
  shuffle : function() {
    this.sort( function() { return 0.5 - Math.random(); } );
    return this;
  }
});

因此，假设您已准备好 div 数组，调用 shuffle() 方法并简单地按顺序逐个浏览它们(它们现在已打乱顺序)并显示它们(根据您的间隔)。可能希望通过克隆 shuffle 方法返回的数组而不是直接对其进行排序来实现“非破坏性”。