Why is bracket notation not working here? [duplicate]

by

It’s because variable in for loop is the same in each iteration (same reference) and when setTimeout is running the for loop has ended so the i variable will be last value of the loop, to fix this you can create a closure with i variable:

function play(step){
    var buttons = document.querySelectorAll('.age');
    buttons[0].click();
    for (var i = 1; i < buttons.length; i++){
        (function(i) {
            setTimeout(function(b){
                console.log(i);
                console.log(b);
                b[i].click();
            }, 300 + (step*i), buttons);
        })(i);
    }
}

More Related Contents:

  1. Why is the method executed immediately when I use setTimeout?
  2. How can I pass a parameter to a setTimeout() callback?
  3. Calling functions with setTimeout()
  4. Pass correct “this” context to setTimeout callback?
  5. Chrome: timeouts/interval suspended in background tabs?
  6. setTimeout calls function immediately instead of after delay
  7. What is the reason JavaScript setTimeout is so inaccurate?
  8. JavaScript : For loop with timeout
  9. Passing functions to setTimeout in a loop: always the last value?
  10. Javascript SetTimeout and Loops [duplicate]
  11. setTimeout / clearTimeout problems
  12. setInterval/setTimeout return value
  13. find the time left in a setTimeout()?
  14. How do I clear this setInterval inside a function?
  15. Is there a faster way to yield to Javascript event loop than setTimeout(0)?
  16. What happens to setTimeout when the computer goes to sleep?
  17. setTimeout behaviour with blocking code
  18. How many concurrent setTimeouts before performance issues?
  19. How to tell .hover() to wait?
  20. using setTimeout synchronously in JavaScript
  21. stop settimeout in recursive function
  22. Why doesn’t setTimeout(.., 0) execute immediately?
  23. JQuery, setTimeout not working
  24. Are equal timeouts executed in order in Javascript?
  25. How to use “setTimeout” to invoke object itself
  26. How browser executes Javascript and renders asynchronously
  27. Why does everything display at once, using setTimeout in Javascript?
  28. Can I see if a timer is still running?
  29. Call setTimeout without delay
  30. Will a recursive ‘setTimeout’ function call eventually kill the JS Engine?

Leave a Comment