Đợi cho đến khi điều kiện là đúng?

Question

Tôi đang sử dụng navigator.geolocation.watchPosition bằng JavaScript và tôi muốn có cách để giải quyết khả năng người dùng có thể gửi biểu mẫu dựa vào vị trí trước khi watchPosition tìm thấy vị trí của nó.

Lý tưởng nhất là người dùng sẽ thấy thông báo 'Đang chờ vị trí' định kỳ cho đến khi có được vị trí, sau đó biểu mẫu sẽ gửi.

Tuy nhiên, tôi không chắc chắn cách triển khai điều này trong JavaScript do thiếu chức năng wait.

đang hiện tại:

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

Bạn có thể sử dụng một thời gian chờ để cố gắng tái gửi biểu mẫu:

$('#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

Bạn sẽ muốn sử dụng 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(); 
    } 
} 

... nơi getLocation nhìn lên vị trí của bạn.

Answer 3

Cá nhân, tôi sử dụng một hàm waitfor() mà gói gọn một 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(); 
} 

tôi sử dụng chức năng waitfor() của tôi trong theo cách sau:

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

Đây chính xác những gì hứa hẹn đã được phát minh và thực hiện (kể từ khi OP hỏi câu hỏi của mình) cho.

Xem tất cả các triển khai khác nhau, ví dụ: promisejs.org