code_junkie

How can I randomly show a set of elements using jQuery?

Nov 11th, 2011
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.76 KB | None | 0 0
  1. Object.extend(Array.prototype, {
  2. shuffle : function() {
  3. this.sort( function() { return 0.5 - Math.random(); } );
  4. return this;
  5. }
  6. });
  7.  
  8. var intervalMilliseconds = X; // set to your value for X
  9. var divFoos = $("div.foo").get();
  10. var intervalId = setInterval(function() {
  11. $(divFoos.splice(Math.floor(Math.random() * divFoos.length), 1)).show();
  12. if(divFoos.length == 0) clearInterval(intervalId);
  13. }, intervalMilliseconds);
  14.  
  15. (function () {
  16. var int, els;
  17. int = 100; // interval, in milliseconds
  18. els = $('div.foo');
  19. setInterval(function () {
  20. var idx;
  21. idx = Math.floor(els.length * Math.random());
  22. $(els[idx]).show();
  23. setTimeout(function () {
  24. $(els[idx]).hide();
  25. }, int);
  26. }, int);
  27. })();
Add Comment
Please, Sign In to add comment