Pausando la ejecución de Javascript hasta que presione el botón

Question

Estoy creando una visualización de un creador de Sudoku para mi clase de Algoritmos (en Javascript). El algoritmo funciona muy bien, pero tengo problemas para encontrar una forma de pausar la ejecución.

Actualmente, estoy usando prompt() para hacer una pausa, pero eso es voluminoso y molesto. ¿Hay alguna forma de hacer una pausa hasta que se ejecute otra función (a través del botón HTML) que no sea un ciclo continuo while?

Puedo publicar el código, pero no creo que sea necesario. Actualmente no estoy usando jQuery, pero puedo si es necesario.

Answer 1

var flag = true; 
function foo(){ 
    if (flag){ 
     // Do your magic here 
     ... 
     ... 
     setTimeout(foo, 100); 
    } 
} 

function stop(){ 
    flag = false; 
} 
<input type="button" onclick="stop();" value="stop it!!!" /> 

Answer 2

Si lo que está tratando de hacer una pausa es una función que de lo contrario seguirá sonando, yo he llegado con una buena solución:

HTML

<div id="stuff">Doing stuff</div> 
<button id="pause">Pause/Resume</button> 

JS

var paused = false; 

document.getElementById('pause').addEventListener('click', function() { 
    paused = !paused; 
    if (!paused) { 
    next(); 
    } 
}); 

function doStuff() { 
    // Do whatever you want here, then invoke next() for the next iteration of that function, for example: 
    // (Note that the window.setTimeout is NOT part of the solution) 
    window.setTimeout(function() { 
    document.getElementById('stuff').append('.'); 
    next(); 
    }, 300); 
} 

function next() { 
    if (!paused) { 
    doStuff(); 
    } 
} 

doStuff(); 

CodePen:https://codepen.io/liranh85/pen/baVqzY?editors=1010