Posted By

burnandbass on 04/05/12


Tagged

iteration cycle


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

spee66
BrockSamsom


Iterate trough array - 1,2,3,1,2,3...etc


 / Published in: jQuery
 

This is perfect for "cycling" items...

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>JS literations</title>
  5. <meta charset="UTF-8">
  6.  
  7. <script language="Javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  8.  
  9. <script type="text/javascript">
  10.  
  11. $(function(){
  12.  
  13. var volumes = ["10", "20", "30", "40", "50", "55", "60", "80", "100"];
  14. var currentVolume = -1;
  15.  
  16. $("#buttonClick").click(function(){
  17. currentVolume = ( ++currentVolume % volumes.length );
  18. $("#log").html("volume: " + volumes[currentVolume] + " %");
  19. return false;
  20. });
  21. $("#buttonClick").click();
  22. });
  23.  
  24. </script>
  25.  
  26. </head>
  27. <body>
  28. <a href="#" id="buttonClick">change volume<a>
  29. <p id="log">volume</p>
  30. </body>
  31. </html>

Report this snippet  

You need to login to post a comment.