Looping through array of strings - stay on last string

Question

I have this function which loops through a list of strings every 5 seconds. I would like it to stay on the last string after finishing the loop. What do I need to change here?

window.specialWorkBoxStyleOverride = function(workBox) {
    var statusTextBox = $("<div class = 'status-description-box'></div>");
    $(workBox).append(statusTextBox);
    var statusTexts = ["Checking", "Updating", "Processing", "Saving"];
    var idx = 0;
    var updateStatus = function() {
        statusTextBox.text(statusTexts[idx]);
        idx = (idx + 1) % statusTexts.length;
        setTimeout(updateStatus, 5000);
    };
    updateStatus();
};

Thanks a lot.

Alex P · Accepted Answer · 2014-07-07 08:37:40Z

2

Right now your code always calls setTimeout, so it will loop forever. Checking whether you've reached the end of your list should be sufficient to stop this (and means you don't need the modular arithmetic any more):

var updateStatus = function() {
    statusTextBox.text(statusTexts[idx]);
    idx++;
    if (idx < statusTexts.length) { 
        setTimeout(updateStatus, 5000);
    }
};

answered Jul 7, 2014 at 8:37

Alex P

6,0822 gold badges26 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Meek Over a year ago

Very nice. Thanks so much, Alex.

Collectives™ on Stack Overflow

Looping through array of strings - stay on last string

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related