HTML and CSS Reference
In-Depth Information
Callback-Methode einen Check durchzuführen und die eigentliche Logik nur dann aus-
zuführen, wenn beispielsweise einige Sekunden vergangen sind. Dies kann so imple-
mentiert werden:
var usedCallbacks 0;
var callbacks 0;
var lastUpdate null;
function showLocation(position)
{
callbacks++;
document.getElementById('message1').innerHTML $i.vars.callbacks;
if (lastUpdate)
{
var differenceInSeconds (new Date().getTime() lastUpdate) /
1000;
//wenn weniger als 15 Sekunden vergangen sind, return
if (differenceInSeconds < 15)
return;
}
//es sind mehr als 15 sekunden vergangen, update
lastUpdate new Date().getTime();
usedCallbacks++;
document.getElementById('message2').innerHTML $i.vars.usedCallbacks;
...
}
Die folgende kleine Beispielanwendung zeigt uns, wie oft die
showPosition
-Callback-
Funktion tatsächlich aufgerufen wird:
<! HTML5 Geo Position watchPosition
Markus Spiering / Sven Haiges
>
<!DOCTYPE html>
<html>
<head>
<title>watchPosition</title>
<meta name "layout" content "webkit" />
<meta content "minimum scale 1.0, width device width, maximum
scale 0.6667, user scalable no" name "viewport" />
<link href "style.css" rel "stylesheet" media "screen" type "text/css"
/>
<! Einladen/Aufruf der Google Maps API Version 3 >
<script type "text/javascript"
src "http://maps.google.com/maps/api/js?sensor true">
</script>
