Wait until a condition is true?(等到某个条件成立?)
问题描述
我在 JavaScript 中使用 navigator.geolocation.watchPosition
,我想要一种方法来处理用户可能在 watchPosition
找到了它的位置.
I'm using navigator.geolocation.watchPosition
in JavaScript, and I want a way to deal with the possibility that the user might submit a form relying on location before watchPosition
has found its location.
理想情况下,用户会定期看到等待位置"消息,直到获得位置,然后提交表单.
Ideally the user would see a 'Waiting for location' message periodically until the location was obtained, then the form would submit.
但是,鉴于 JavaScript 缺少 wait
函数,我不确定如何在 JavaScript 中实现它.
However, I'm not sure how to implement this in JavaScript given its lack of a wait
function.
当前代码:
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...
});
推荐答案
您可以使用超时尝试重新提交表单:
You could use a timeout to try to re-submit the form:
$('#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...
}
});
这篇关于等到某个条件成立?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:等到某个条件成立?


基础教程推荐
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 直接将值设置为滑块 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01