在phonegap中使用acclerometer检测移动
在phonegap中使用acclerometer检测移动
提问于 2019-04-18 21:11:56
我正在做一个应用程序，所以我想使用加速度计来检测用户是否移动了设备，所以我想知道如何通过将加速度计插件添加到config.xml文件中来将其添加到PhoneGap构建应用程序中，以及如何使用javascript每隔20 - 30毫秒在应用程序中检查设备移动情况？
回答 1
Stack Overflow用户
发布于 2019-04-18 21:40:29
Cordova要在Cordova应用程序中安装插件，请运行以下命令：
cordova plugin add cordova-plugin-device-motion PhoneGap要将插件添加到您的PhoneGap应用程序，请在您的config.xml中添加以下内容：
<plugin name="cordova-plugin-device-motion" />代码：
<!DOCTYPE html>
<html>
<head>
<title>Acceleration Example</title>
<script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script>
<script type="text/javascript" charset="utf-8">
// The watch id references the current `watchAcceleration`
var watchID = null;
// Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// Cordova is ready
//
function onDeviceReady() {
startWatch();
}
// Start watching the acceleration
//
function startWatch() {
// Update acceleration every 3 seconds
var options = { frequency: 30 };
watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
}
// Stop watching the acceleration
//
function stopWatch() {
if (watchID) {
navigator.accelerometer.clearWatch(watchID);
watchID = null;
}
}
// onSuccess: Get a snapshot of the current acceleration
//
function onSuccess(acceleration) {
var element = document.getElementById('accelerometer');
element.innerHTML = 'Acceleration X: ' + acceleration.x + '<br />' +
'Acceleration Y: ' + acceleration.y + '<br />' +
'Acceleration Z: ' + acceleration.z + '<br />' +
'Timestamp: ' + acceleration.timestamp + '<br />';
}
// onError: Failed to get the acceleration
//
function onError() {
alert('onError!');
}
</script>
</head>
<body>
<div id="accelerometer">Waiting for accelerometer...</div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55746772
复制相关文章
相似问题
腾讯云开发者
