Javascript IOS5“；JavaScript执行超过超时时间”；

下面的测试基本上是1000个数学运算，可以在大多数PC和android浏览器以及iOS 4.x上正常工作。在ios5safari（iphone4和ipad2）上，我们得到“JavaScript:Error未定义JavaScript执行超时”。非常感谢您的帮助

/** Converts numeric degrees to radians */
if (typeof (Number.prototype.toRad) === "undefined") {
    Number.prototype.toRad = function () {
    return this * Math.PI / 180;
    }
}

function gc(lat1, lon1, lat2, lon2) {
    // returns the distance in km between a pair of latitude and longitudes
    var R = 6371; // km
    var dLat = (lat2 - lat1).toRad();
    var dLon = (lon2 - lon1).toRad();
    var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
        Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) *
        Math.sin(dLon / 2) * Math.sin(dLon / 2);
    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
    var d = R * c;
    return d;
}

function test() {
    var d1 = new Date();
    var lat1, lon1, lat2, lon2;
    lat1 = -36;
    lon1 = 174;

    lat2 = lat1;
    lon2 = lon1;

    while (lat2 > -37) {
    lat2 = lat2 - 0.001;
    var stest = "lat1=" + lat1 + ",lon1=" + lon1 + ",lat2=" + lat2 + ",lon2=" + lon2 + "=" + gc(lat1, lon1, lat2, lon2);

    }
    var d2 = new Date();
    var stest = (d2.getTime() - d1.getTime()) / 1000.0 + "s";
    $("#lblTest").html(stest + "<BR/>" + $("#lblTest").html());

}

/**将数字度转换为弧度*/
if（typeof（Number.prototype.toRad）=“未定义”）{
Number.prototype.toRad=函数（）{
返回这个*Math.PI/180；
}
}
功能gc（lat1、lon1、lat2、lon2）{
//返回一对纬度和经度之间的距离（以km为单位）
var R=6371；//km
var dLat=（lat2-lat1.toRad（）；
var dLon=（lon2-lon1.toRad（）；
变量a=Math.sin（dLat/2）*Math.sin（dLat/2）+
Math.cos（lat1.toRad（））*Math.cos（lat2.toRad（））*
数学单（dLon/2）*数学单（dLon/2）；
var c=2*Math.atan2（Math.sqrt（a），Math.sqrt（1-a））；
var d=R*c；
返回d；
}
功能测试（）{
var d1=新日期（）；
变量lat1，lon1，lat2，lon2；
lat1=-36；
lon1=174；
lat2=lat1；
lon2=lon1；
而（lat2>-37）{
lat2=lat2-0.001；
var stest=“lat1=“+lat1+”，lon1=“+lon1+”，lat2=“+lat2+”，lon2=“+lon2+”=”+gc（lat1，lon1，lat2，lon2）；
}
var d2=新日期（）；
var stest=（d2.getTime（）-d1.getTime（））/1000.0+“s”；
$（“#lblTest”）.html（stest+”
“++$（“#lblTest”）.html（））；
}

听起来苹果公司减少了iOS5中javascript的执行超时时间。这可能是由于Mobile Safari总体速度的提高，以及UIWebViews的Nitro引擎的加入。

如果您想在javascript中执行长时间运行的操作，并且正在接近某些浏览器强制执行的脚本执行时间限制，然后，您必须将函数分成多个部分，运行一个部分，以非常短的时间

setTimeout（fn，1）

，然后执行下一个部分，等等。。。通过这种方式，您可以运行数小时的代码，因为它为其他脚本和其他事件提供了处理的机会。有时需要少量的代码重组才能做到这一点，但只要做一点工作就可以做到

伪代码的基本概念是：

var state = {};   // set initial state
var done = false;

function doWork() {
   // do one increment of work that will never get even close to the browser
   // execution time limit
   // update the state object with our current operating state for the next execution
   // set done = true when we're done processing
   if (!done) {
       setTimeout(doWork, 1);
   }
}

doWork();

在您的特定代码中，您可以这样做。您可以一次处理100个纬度点，然后执行一个短的设置超时以执行下一个100，依此类推。你可以把这个100调整到最合适的数值。数字越大，每个计时器执行的次数越多，总体执行时间越好，但越接近浏览器脚本执行限制。setTimeout使浏览器保持活动状态（处理其他事件），并防止执行时间限制生效

function test() {
    var d1 = new Date();
    var lat1, lon1, lat2, lon2, done = false;;
    lat1 = -36;
    lon1 = 174;

    lat2 = lat1;
    lon2 = lon1;

    function calcGC() {
        var cntr = 0;
        while (lat2 > -37 && cntr < 100) {
            lat2 = lat2 - 0.001;
            var stest = "lat1=" + lat1 + ",lon1=" + lon1 + ",lat2=" + lat2 + ",lon2=" + lon2 + "=" + gc(lat1, lon1, lat2, lon2);
            cntr++;
        }
        // if we have more to go, then call it again on a timeout
        if (lat2 > -37) {
            setTimeout(calcGC, 1);
        } else {
            var d2 = new Date();
            var stest = (d2.getTime() - d1.getTime()) / 1000.0 + "s";
            $("#lblTest").html(stest + "<BR/>" + $("#lblTest").html());
        }
    }
    calcGC();
}

功能测试（）{
var d1=新日期（）；
变量lat1，lon1，lat2，lon2，done=false；；
lat1=-36；
lon1=174；
lat2=lat1；
lon2=lon1；
函数calcGC（）{
var-cntr=0；
而（lat2>-37&&cntr<100）{
lat2=lat2-0.001；
var stest=“lat1=“+lat1+”，lon1=“+lon1+”，lat2=“+lat2+”，lon2=“+lon2+”=”+gc（lat1，lon1，lat2，lon2）；
cntr++；
}
//如果我们还有更多的事情要做，那么在超时时再打一次
如果（lat2>-37）{
设置超时（计算CGC，1）；
}否则{
var d2=新日期（）；
var stest=（d2.getTime（）-d1.getTime（））/1000.0+“s”；
$（“#lblTest”）.html（stest+”
“++$（“#lblTest”）.html（））；
}
}
calcGC（）；
}

我觉得IOS5 safari中有一个bug，因为一旦我开始发现这些错误，我就会发现它们到处都是（包括谷歌移动搜索页面），没有出现可见的超时/暂停。杀掉Safari并重新启动它可以解决问题（直到问题再次发生——也许是真正的超时导致Safari一开始处于中断状态）

---

您是否尝试过通过多任务菜单杀死Safari并重新启动它？

我也认为这是一个IOS5浏览器错误。我们也有类似的问题。我们有一个包含大量Javascript代码的大型RIA应用程序，在页面刷新后，浏览器开始抛出超时异常。iOS4没有这个问题。一旦异常开始发生，它就会变得越来越糟糕，直到浏览器完全崩溃：其他不相关的页面抛出异常并拒绝呈现

---

杀死Safari并重新启动它可以解决问题。

哪个函数导致超时？嗨，Zakaria，我需要调用test（），它模拟生产代码中的错误，因为它会调用gc（），最多调用1000次。非常感谢这一出色的解释和示例jfriend00，我们将尽快在我们的页面上尝试。精彩的显然，我们的代码在iOS4hi VladH和Will Dean上运行良好且一致，即使使用全新的浏览器，我们的错误也可以一致地重现，并且通过JFriend00的方法完全消失了。虽然有趣的是，如果两个浏览器（或全屏web）窗口同时运行相同的代码，我们会得到原始问题中描述的javascript错误。@VladH，您在应用程序中使用的是window.setTimeout还是window.setInterval？否，我们仍在努力找出导致超时的原因到底在我们的应用程序中的什么位置——我们的应用程序非常庞大且高度异步。然而，即使我们设法找到了解决办法，还有一个更大的问题：一旦这些超时错误开始弹出，Safari就坏了——一个刷新页面几次，现在没有问题的JS脚本停止工作，即使在独立选项卡中的不相关站点上。我们的脚本应该不能破坏浏览器。顺便说一句，我们刚刚在谷歌地图网站上通过开关卫星图层复制了这个。