Last active
April 15, 2018 15:54
-
-
Save franfj/9fbf01fd05b3a9a65458 to your computer and use it in GitHub Desktop.
Apache Cordova - Ejemplo API Acelerómetro
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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