Html5添加phonegap--Accelerometer插件教程

最新推荐文章于 2022-01-19 12:10:14 发布

Angel19951012

最新推荐文章于 2022-01-19 12:10:14 发布

阅读量364

点赞数

本文链接：https://blog.csdn.net/Angel19951012/article/details/50441174

版权

<!DOCTYPE html>

<html>

<head>

<title>Accelerometer插件</title>

<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>

<script type="text/javascript" charset="utf-8">

//watch id 是当前“watchAcceleration”的引用
var watchID = null;

//等待加载PhoneGap
document.addEventListener("deviceready", onDeviceReady, false);

// Phonegap加载完毕
function onDeviceReady() {
startWatch();
}

//开始监视加速度
function startWatch() {

//每隔3秒钟更新一次加速度数据
var options={ frequency: 3000 };
watchID=navigator.accelerometer.watchAcceleration(onSuccess,onError, options);
}

//停止监视加速度
function stopWatch() {
if (watchID) {
navigator.accelerometer.clearWatch(watchID);
watchID = null;
}
}

//onSuccess: 获取当前加速度数据的快照
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: 获取加速度失败
function onError() {
alert('onError!');
}
</script>

</head>

<body>

<div id="accelerometer">Waiting for accelerometer...</div>

</body>

</html>

KeyMob是国内最注重用户体验的移动广告平台,致力于为应用开发者创造最好的手机广告收入,为数以万亿的广告主提供精准的无线营销和平台交叉推广服务。

Angel19951012

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html5添加phonegap--Accelerometer插件教程

Accelerometer插件 //watch id 是当前“watchAcceleration”的引用 var watchID = null; //等待加载PhoneGap document.addEventListener("deviceready", onDeviceReady, false); //
复制链接

扫一扫