如果你想在 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 个纬度点,然后执行短暂的 setTimeout 来处理接下来的 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();
}