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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用jQuery随机显示一组元素？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含861字，纯文字阅读大概需要2分钟。

内容图文

使用jQuery,你会如何以随机顺序显示()页面上的每个div.foo,每隔X毫秒出现一个新的div.foo？

澄清：我想从隐藏所有这些元素开始,并以所有这些元素显示结束,因此将()相同的元素两次显示是没有意义的.

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

解决方法:

一个有趣的方法是使用shuffle函数扩展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方法返回的数组而不是直接对其进行排序来实现“非破坏性”.

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用jQuery随机显示一组元素？全部内容，希望文章能够帮你解决javascript – 如何使用jQuery随机显示一组元素？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端