在延迟时运行javascript for循环

Question

在我的页面上，我使用MaxMind填充用户long/lat。

我还使用一个脚本(包含haversine公式)来获取用户long/lat，并为与存储位置相关的对象分配一个距离参数。

一旦存储了距离，我想运行下面的循环

for(i=0; i<cities.length; i++){
    var newLat = cities[i].lat;
    var newLon = cities[i].lon;
    getDistanceFromLatLonInKm(userLat,userLon,newLat,newLon);
    var lowest = 1000
    if(cities[i].distance< lowest){lowest = cities[i].distance}
}

    cities.sort(function(a, b) {
    return a.distance - b.distance;
    })[0]
        var div = document.getElementById('test');
            if(cities[0].fax == null){
                div.innerHTML = div.innerHTML + cities[0].street + '<br />' + cities[0].city + '<br />' + cities[0].postal + '<br /><b>Phone:</b>' + cities[0].phone;
            }else{div.innerHTML = div.innerHTML + cities[0].street + '<br />' + cities[0].city + '<br />' + cities[0].postal + '<br /><b>Phone:</b>' + cities[0].phone + '<br /><b>Fax:</b>' + cities[0].fax;

            }

唯一的原因是，由于坐标出现了延迟，所以循环不能马上运行。在坐标被填充之后，我如何运行这个循环？

Answer 1

您可以使用setTimeout函数，例如：

setTimeout(function () { yourCode... }, 5000);

然而，这很少是适当的解决办法。相反，您应该查看数据源的API，它可能有一个回调函数，您可以使用它获得可用数据的通知。这是等待数据的正确方法。如果没有这样的方法，您将不得不使用setTimeout (实际上，如果数据在延迟的代码中不可用时再次调用它)。