How to stop function of javascript by pressing button

Question

I have created functions that call other functions like

function abc()
{
    def();
}

function def()
{
    xyz();
}

Lets say def() is called and at any moment I have a button

<button>STOP</button>

if I press it the execution terminates that means if the execution is run again it should run again from start.

I have seen other solutions in SO but they show how to pause a loop. Can anyone help me out?

You can't stop an already-running function by clicking a button. The button click event won't be processed until the current JS execution finishes. — nnnnnn
– nnnnnn, Commented Apr 26, 2017 at 3:00

jfren484 · Accepted Answer · 2017-04-26 02:11:37Z

4

You could use a variable to determine whether your code runs or terminates:

var abort = false;

function abc()
{
    if (abort) {
        return;
    }

    def();
}

function def()
{
    if (abort) {
        return;
    }

    xyz();
}

<button onclick="abort = true">STOP</button>

The only thing you'd have to add is to reset abort back to false whenever you're triggering the main functionality.

answered Apr 26, 2017 at 2:11

jfren484

1,02013 silver badges13 bronze badges

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

5 Comments

user5328504 Over a year ago

Ok, but have in mind that depending on the way the function is coded, the UI could be blocked. While javascript runs certain stuff, like a for loop or something. So it is not that easy in most cases, imo

MaxZoom Over a year ago

There is nothing in the way from UI

nnnnnn Over a year ago

The OP seems to be asking how to press a button to stop a function that has already started executing. A flag won't help with that.

Alen Over a year ago

Jfren, the functions I have written are pretty long. Is there a way that an independent button stops the current on going execution of function?

jfren484 Over a year ago

@Alen, you could also sprinkle "if (abort) { return; }" throughout your function as well. I would say, though, that if you have really long functions, your code probably needs refactoring. You're kind of handicapping us here by not really telling us what problem you're trying to solve and abstracting it to fake examples. If you gave us the true problem you're trying to solve, we might be able to come up with a better solution.

Collectives™ on Stack Overflow

How to stop function of javascript by pressing button

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related