Wait for callback before continue for loop

by

Assuming this is your array

var list = ['one','two','three'];

You can try using this loop / callback approach

var x = 0;
var loopArray = function(arr) {
    customAlert(arr[x],function(){
        // set x to next item
        x++;

        // any more items in array? continue loop
        if(x < arr.length) {
            loopArray(arr);   
        }
    }); 
}

function customAlert(msg,callback) {
    // code to show your custom alert
    // in this case its just a console log
    console.log(msg);

    // do callback when ready
    callback();
}

Usage:

// start 'loop'
loopArray(list);

JSFiddle here: http://jsfiddle.net/D9AXp/

More Related Contents:

  1. Dynamic page load can’t load Java with page
  2. When should I use jQuery’s document.ready function?
  3. Replacing css file on the fly (and apply the new style to the page)
  4. jQuery checkbox checked state changed event
  5. How to find if an array contains a specific string in JavaScript/jQuery?
  6. How to include multiple js files using jQuery $.getScript() method
  7. Prevent Page Load on Jquery Form Submit with None Display Button
  8. Verify External Script Is Loaded
  9. How can I use JavaScript or jQuery to read a pixel of an image when user clicks it?
  10. How to add/subtract dates with JavaScript?
  11. Benefits of loading JS at the bottom as opposed to the top of the document
  12. jquery submit form and then show results in an existing div
  13. JS – get image width and height from the base64 code
  14. jqGrid access cell data while it is being edited
  15. jQuery – How to select by attribute
  16. time delayed redirect?
  17. jQuery on ‘double click’ event (dblclick for mobile)
  18. Best way to convert string to array of object in javascript?
  19. jquery : $().animate() is not a function
  20. What is the opposite of evt.preventDefault();
  21. milliseconds to time in javascript
  22. When loading an html page via ajax, will script tags be loaded?
  23. execute a function after redirecting – javascript
  24. How do I make fancybox href dynamic?
  25. How to set textbox value in jQuery?
  26. How to properly unload/destroy a VIDEO element
  27. How to hide optgroup/option elements?
  28. How to include jquery.js in another js file?
  29. Determine distance from the top of a ‘div’ to top of the window with JavaScript
  30. How to use confirm using sweet alert?

Leave a Comment