Javascript: exit from javascript loop when button clicked

Question

I've a javascript loop that call by ajax a php function. I need to stop that loop by clicking a button. I tried using labels but it's not possible:

labelName:
for (var counter = 0; counter <= 1000; counter++) {
    ...
    ajax call
    ...
}

$('#button-stop').click(function(event) {
    event.preventDefault();
    break labelName;
});

But this make error "SyntaxError label not found". In fact only if I put "break labelName;" into loop error disappears. But if I put that into click function not recognize label again.

How I can make that? Is any other way to break a loop by a button interaction? Thanks.

use event.preventDefault or return false;

Vimalnath
– Vimalnath

2012-12-28 08:30:05 +00:00
Commented Dec 28, 2012 at 8:30 — Vimalnath
– Vimalnath, Commented Dec 28, 2012 at 8:30

Just_Mad · Accepted Answer · 2012-12-28 08:46:42Z

2

You are not able to stop the cycle this way. When the button is clicked, 'click event' is put into event loop and it will be executed only after the cycle finishes. So, in your variant, a thousand requests will be sent to a server anyway.

If you want to control message sending to the server, it is better to use intervals:

var sender = setInterval(function() {
    //ajax here
}, 1000);

$('#button-stop').click(function(event) {
    clearInterval(sender);
});

edited Dec 28, 2012 at 8:46

answered Dec 28, 2012 at 8:39

Just_Mad

4,0853 gold badges24 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

Javascript: exit from javascript loop when button clicked

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related