Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <button class='create_reservation1' onclick='this.style.color = "red";'>1</button>
  <button class='create_reservation2' onclick='this.style.color = "red";'>2</button>
  <button class='create_reservation3' onclick='this.style.color = "red";'>3</button>
  <button class='create_reservation4' onclick='this.style.color = "red";'>4</button>
  <button class='create_reservation5' onclick='this.style.color = "red";'>5</button>
  <button class='create_reservation6' onclick='this.style.color = "red";'>6</button>
  <button class='create_reservation7' onclick='this.style.color = "red";'>7</button>
  <button class='create_reservation8' onclick='this.style.color = "red";'>8</button>
  <button class='create_reservation9' onclick='this.style.color = "red";'>9</button>
  <button class='create_reservation10' onclick='this.style.color = "red";'>10</button>
  <hr />
  <button id='start'>Start Processing</button>
  <script>
    $(function(){
      function clickTheButtons(callback, timeout) {
        // Store the buttons you need to click (every element that starts with .create_reservation)
        var currentButton = 0;
        var buttons = $('[class^="create_reservation"]');
        // Create a callback loop that will click each button
        // and wait until the next one
        (function processNextButton() {
            // Trigger your callback to process this current item
            callback.call(buttons[currentButton++]);
            // As long as there is one to process, do so
            if (currentButton < buttons.length) {
                setTimeout(processNextButton, timeout);
            }
        }());
      }
      // This will pass the 
      $('#start').click(function(){
          if(confirm('Are you sure?')){
            clickTheButtons(function() { $(this).click();},1000);
          }
      });
      
    })
  </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
rionmonsterpro
0viewers