Weird one this but I've knocked up a quick little app with a button. When press it goes through a loop 1000 times and console.logs the number so you can see it via web inspector. You can run this as many times as you want without fail and this will complete. Everything works fine until you throw geolocation into the mix.
Basically, when the page loads it sets up the watch (navigator.geolocation.watchPosition). Since I am inside this watch is failing to find my position and is producing an error which is handled by the error callback. As soon as this error is generated however, you rerun the loop code and it fails halfway through and produces "JavaScript execution exceeded timeout" as an error in the web inspector.
Any body seen this?
<!DOCTYPE HTML>
<HTML>
<HEAD>
</HEAD>
<BODY onload="get_pos();">
<P>HELLO</P>
<button onclick="testfunc();">Run</button>
</BODY>
<SCRIPT>
var test='';
function geo_error(error)
{
var errors = {
1: 'Permission denied',
2: 'Position unavailable',
3: 'Request timeout'
};
console.log(error);
navigator.geolocation.clearWatch(test);
}
function get_pos()
{
try
{
test = navigator.geolocation.watchPosition(geo_success, geo_error, {
enableHighAccuracy: true,
maximumAge: 600000,
timeout: 30000
});
}
catch (err)
{
console.log(err);
}
}
function geo_success(position)
{
/*"use strict";*/
try
{
lat = position.coords.latitude;
longitude = position.coords.longitude;
}
catch (err)
{
console.log(err);
}
}
function testfunc(){
alert('step 1');
var keycount=1000;
for (var i=0; i<keycount; i++) {
console.log(i);
}
alert('step 2');
}
</SCRIPT></HTML>
