Skip to content

Instantly share code, notes, and snippets.

@franfj
Last active April 15, 2018 15:54
Show Gist options
  • Save franfj/9fbf01fd05b3a9a65458 to your computer and use it in GitHub Desktop.
Save franfj/9fbf01fd05b3a9a65458 to your computer and use it in GitHub Desktop.
Apache Cordova - Ejemplo API Acelerómetro
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo API acelerómetro</title>
<meta charset="UTF-8">
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
var datos = null;
//Espera a que Cordova haya cargado
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
iniciarDatos();
}
function iniciarDatos() {
//Se muestra la aceleración cada 1/10 segundos
var options = { frequency: 100 };
datos = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
}
function pararDatos() {
if (datos) {
navigator.accelerometer.clearWatch(datos);
datos = null;
}
}
//Muestra por pantalla los datos de la aceleración
function onSuccess(acceleration) {
var element = document.getElementById('acelerometro');
element.innerHTML = 'Aceleración eje X: ' + acceleration.x + '<br />' +
'Aceleración eje Y: ' + acceleration.y + '<br />' +
'Aceleración eje Z: ' + acceleration.z + '<br />' +
'Timestamp: ' + acceleration.timestamp + '<br />';
}
function onError() {
alert('Ha ocurrido un error');
}
</script>
</head>
<body>
<div id="acelerometro">Cargando...</div>
<button onclick="pararDatos(); return false;">Parar datos</button>
<button onclick="iniciarDatos(); return false;">Reanudar datos</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment