¿Esperar hasta que una condición sea verdadera?

Question

Estoy usando navigator.geolocation.watchPosition en JavaScript, y quiero una forma de tratar con la posibilidad de que el usuario pueda enviar un formulario confiando en la ubicación antes de que watchPosition haya encontrado su ubicación.

Idealmente, el usuario vería periódicamente el mensaje "Esperando ubicación" hasta que se obtuviera la ubicación, luego se enviaría el formulario.

Sin embargo, no estoy seguro de cómo implementar esto en JavaScript dada su falta de una función wait.

código actual:

var current_latlng = null; 
function gpsSuccess(pos){ 
    //console.log('gpsSuccess'); 
    if (pos.coords) { 
     lat = pos.coords.latitude; 
     lng = pos.coords.longitude; 
    } 
    else { 
     lat = pos.latitude; 
     lng = pos.longitude; 
    } 
    current_latlng = new google.maps.LatLng(lat, lng); 
} 
watchId = navigator.geolocation.watchPosition(gpsSuccess, 
        gpsFail, {timeout:5000, maximumAge: 300000}); 
$('#route-form').submit(function(event) { 
    // User submits form, we need their location... 
    while(current_location==null) { 
     toastMessage('Waiting for your location...'); 
     wait(500); // What should I use instead? 
    } 
    // Continue with location found... 
}); 

Answer 1

Se puede usar un tiempo de espera para tratar de volver a enviar el formulario:

$('#route-form').submit(function(event) { 
    // User submits form, we need their location... 
    if(current_location==null) { 
     toastMessage('Waiting for your location...'); 
     setTimeout(function(){ $('#route-form').submit(); }, 500); // Try to submit form after timeout 
     return false; 
    } else { 
     // Continue with location found... 
    } 
}); 

Answer 2

usted querrá utilizar setTimeout:

function checkAndSubmit(form) { 
    var location = getLocation(); 
    if (!location) { 
     setTimeout(checkAndSubmit, 500, form); // setTimeout(func, timeMS, params...) 
    } else { 
     // Set location on form here if it isn't in getLocation() 
     form.submit(); 
    } 
} 

... donde getLocation alza la vista de su ubicación.

Answer 3

Personalmente, yo uso una función waitfor() que encapsula un setTimeout():

//********************************************************************** 
// function waitfor - Wait until a condition is met 
//   
// Needed parameters: 
// test: function that returns a value 
// expectedValue: the value of the test function we are waiting for 
// msec: delay between the calls to test 
// callback: function to execute when the condition is met 
// Parameters for debugging: 
// count: used to count the loops 
// source: a string to specify an ID, a message, etc 
//********************************************************************** 
function waitfor(test, expectedValue, msec, count, source, callback) { 
    // Check if condition met. If not, re-check later (msec). 
    while (test() !== expectedValue) { 
     count++; 
     setTimeout(function() { 
      waitfor(test, expectedValue, msec, count, source, callback); 
     }, msec); 
     return; 
    } 
    // Condition finally met. callback() can be executed. 
    console.log(source + ': ' + test() + ', expected: ' + expectedValue + ', ' + count + ' loops.'); 
    callback(); 
} 

uso mi función waitfor() en De la siguiente manera:

var _TIMEOUT = 50; // waitfor test rate [msec] 
var bBusy = true; // Busy flag (will be changed somewhere else in the code) 
... 
// Test a flag 
function _isBusy() { 
    return bBusy; 
} 
... 

// Wait until idle (busy must be false) 
waitfor(_isBusy, false, _TIMEOUT, 0, 'play->busy false', function() { 
    alert('The show can resume !'); 
}); 

Answer 4

Esto es precisamente qué promesas se inventaron e implementaron (desde que OP hizo su pregunta) para.

Vea todas las diversas implementaciones, por ejemplo, promisejs.org