How do I stop a while loop with a button - JavaScript

Question

Hello guys I'm looking for a solution for this program:

var i = 0;
function timer(milliseconds) {
    var start = new Date().getTime();
    for (var i = 0; i < 1e7; i++) {
        if ((new Date().getTime() - start) > milliseconds) {
            break;
        }
    }
}
$w.onReady(function () {
    while (i === 0) {
        dosomething();
        timer(1000);
    }
});

export function button5_click(event) {
    i = 1;
}

My question is how can I stop this while with that button function?

You can't do that. A function can only be stopped with a return or an error. — Scott Marcus
– Scott Marcus, Commented Jul 10, 2020 at 20:33
No asynchronous effect can stop an infinite synchronous loop. — Bergi
– Bergi, Commented Jul 10, 2020 at 20:56

GMKHussain · Accepted Answer · 2020-07-10 20:54:40Z

3

You can do this way!

var flag = true;

let i = 0;
function loopFunc() {
    if (flag == true){
    i++;
        console.log( `Do something here ${i}` );
        setTimeout(loopFunc, 100);
    }
}

loopFunc();

function stop(){
    flag = false;
}

<button onclick="stop();">Stop Loop</button>

answered Jul 10, 2020 at 20:54

GMKHussain

4,8151 gold badge36 silver badges22 bronze badges

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

Comments

Saiansh Singh · Accepted Answer · 2020-07-10 23:29:26Z

1

You could have a boolean which is checked if true in the while loop and if it true, the while loop will return. Add in an event listener to make that boolean true on click for the button. Don't forget to make the boolean false at the beginning of your script.

answered Jul 10, 2020 at 23:29

Saiansh Singh

7176 silver badges20 bronze badges

Comments

Grey · Accepted Answer · 2020-07-10 21:45:08Z

0

Using your code, you could do this

var stopLoop = false; // Add this to your code
var i = 0;
function timer(milliseconds) {
    var start = new Date().getTime();
    for (var i = 0; i < 1e7; i++) {
        if ((new Date().getTime() - start) > milliseconds) {
            break;
        }
    }
}
$w.onReady(function () {
    while (i === 0) {
        if(stopLoop) break;
        dosomething();
        timer(1000);
    }
});

export function button5_click(event) {
    stopLoop = true; // add this to your code
    i = 1; // You can comment this out
}

answered Jul 10, 2020 at 21:45

Grey

5293 silver badges7 bronze badges

Collectives™ on Stack Overflow

How do I stop a while loop with a button - JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related