PhoneGap 加速计 api 获取加速计 x 轴 y 轴 z 轴信息
一、PhoneGap 加速计 Accelerometer 对象介绍
1、主要方法
accelerometer.getCurrentAcceleration 获取当前设备在 x，y，z 轴上的加速度信息
accelerometer.watchAcceleration 定期获取设备的加速度信息
accelerometer.clearWatch 停止定期获取设备的加速度信息
2、参数
accelerometerSuccess 获取加速度信息成功的回调函数
accelerometerError 获取加速度信息失败的回调函数
accelerometerOptions 一般为 json 对象，frequency 是它目前的唯一参数，以毫秒数表示，用来指定定期获取 加速度信息频率
二、获取加速度信息
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8"> $(function(){
//accelerometer
document.addEventListener("deviceready", onDeviceReady, false); // 设备加载完成
function onDeviceReady() {
//navigator.accelerometer.getCurrentAcceleration(onSuccess, onError); $('#accelerometer').click(function(){
navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
})
} // 获取加速度信息成功后的回调函数
// 接收包含当前加速度信息的Acceleration对象
function onSuccess(acceleration) {
alert('X轴方向的加速度: ' + acceleration.x + '\n' +
'Y轴方向的加速度: ' + acceleration.y + '\n' +
'Z轴方向的加速度: ' + acceleration.z + '\n' +
'时间戳: ' + acceleration.timestamp + '\n');
}
// 获取加速度信息失败后的回调函数
function onError() {
alert('出错了!');
} }) // 等待PhoneGap加载 </script> </head>
<body>
<div data-role="page">
<div data-role="header">
<h1>PhoneGap100实战</h1>
</div>
<div data-role="content">
<a data-role="button" href="#" id="accelerometer">获取加速度</a>
<br>
<a href="#">当前的加速度值为</a>
</div>
<div data-role="footer">
<h4> </h4>
</div>
</div> </body>
</html>
三、定期获取加速度信息
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8"> // 当前watchAcceleration的引用ID
varwatchID = null; // 等待PhoneGap加载
document.addEventListener("deviceready", onDeviceReady, false); // 加载完成
function onDeviceReady() {
startWatch();
} // 开始监测
function startWatch() {
// 表示每隔三秒更新一次信息
var options = { frequency: 3000 }; watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
} // 停止监测
function stopWatch() {
if (watchID) {
navigator.accelerometer.clearWatch(watchID);
watchID = null;
}
} // 获取加速度信息成功后的回调函数
// 接收包含当前加速度信息的Acceleration对象
function onSuccess(acceleration) {
var element = document.getElementById('accelerometer');
element.innerHTML = 'X轴方向的加速度: ' + acceleration.x + '<br />' +
'Y轴方向的加速度: ' + acceleration.y + '<br />' +
'Z轴方向的加速度: ' + acceleration.z + '<br />' +
'时间戳: ' + acceleration.timestamp + '<br />';
} // 获取加速度信息失败后的回调函数
function onError() {
alert('onError!');
} </script> </head>
<body>
<div data-role="page">
<div data-role="header">
<h1>PhoneGap100实战</h1>
</div>
<div data-role="content">
<div id="accelerometer">监测加速度信息中...</div>
<button onclick="stopWatch();">停止监测加速度信息</button>
</div>
<div data-role="footer">
<h4> </h4>
</div>
</div> </body>
</html>
PhoneGap 加速计 api 获取加速计 x 轴 y 轴 z 轴信息的更多相关文章
- Android立体旋转动画实现与封装（支持以X、Y、Z三个轴为轴心旋转）
本文主要介绍Android立体旋转动画,或者3D旋转,下图是我自己实现的一个界面 立体旋转分为以下三种: 1. 以X轴为轴心旋转 2. 以Y轴为轴心旋转 3. 以Z轴为轴心旋转--这种等价于andro ...
- Azure DevOps Server: 使用Rest Api获取拉取请求Pull Request中的变更文件清单
需求: Azure DevOps Server 的拉取请求模块,为开发团队提供了强大而且灵活的代码评审功能.拉取请求中变更文件清单,对质量管理人员,是一个宝贵的材料.质量保障人员可以从代码清单中分析不 ...
- Phonegap 3.0 获取当前地址位置
新版本的cordova 3.0 中,使用官方的示例可直接获取当前手机的地理位置,前提是手机开启了gps,或可联网. 获取到的是经纬度坐标值等信息,可通过google api 实现通过经纬度获取当前地理 ...
- java工具类(一)之服务端java实现根据地址从百度API获取经纬度
服务端java实现根据地址从百度API获取经纬度 代码: package com.pb.baiduapi; import java.io.BufferedReader; import java.io. ...
- 高德地图API获取天气
1.建立行政区规划清单表 use edw; drop table if exists dim_prov_city_adcode; create table if not exists dim_prov ...
- 劳动节脑洞大开！利用Debug API 获取 加壳客户端的MD5值
系统 : Windows xp 程序 : 某游戏客户端 程序下载地址 :不提供 要求 : 远程注入 & 获取MD5值 使用工具 : vc++6.0 & OD 案例说明: 该游戏客户端对 ...
- html5获取经纬度，百度api获取街区名，并使用JS保存进cookie
引用js<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak= ...
- 传感器(3)传感器的X,Y,Z轴
设备正面水平向上. X轴 : 左右方向,向右是正值. Y轴 : 远近方向,远离你是负. Z轴 : 上下方向,向上是正值.
- 利用腾讯企业邮箱开放API获取账户未读邮件数初探
公司一直使用腾讯提供的免费企业邮箱服务,今天用管理员帐户登录后发现,原来现在腾讯的企业邮箱也开放了部分API 你可以通过开放接口实现以下功能: 数据同步 数据同步可以帮助你同步部门成员信息,你还可以创 ...
随机推荐
- JAVA练手--String
package tet; public class kk { public static void main(String[] args) { //1. { String Stra = "1 ...
- MySQL中使用SHOW PROFILE命令分析性能的用法整理（配合explain效果更好，可以作为优化周期性检查）
这篇文章主要介绍了MySQL中使用show profile命令分析性能的用法整理,show profiles是数据库性能优化的常用命令,需要的朋友可以参考下 show profile是由Jerem ...
- word转html实现预览（asp.net）
word转html 需要通过nuget 安装 Microsoft.Office.Interop.Word Microsoft.Office.Interop.Excel 使用 Microsoft.Asp ...
- Cheatsheet: 2018 05.01 ~ 07.31
JAVA Java Tips: Creating a Monitoring-Friendly ExecutorService Other Modeling the Card Game War in C ...
- Java学习--使用 Math 类操作数据
使用 Math 类操作数据 Math 类位于 java.lang 包中,包含用于执行基本数学运算的方法, Math 类的所有方法都是静态方法,所以使用该类中的方法时,可以直接使用类名.方法名,如: M ...
- oracle ROW_NUMBER() OVER (PARTITION BY COL1 ORDER BY COL2)
工作中遇到的一个问题,需要对某列进行分组排序,取其中排序的第一条数据项 用到了ROW_NUMBER() OVER(PARTITION BY COL1 ORDER BY COL2)来解决此问题. 实例准 ...
- hdu 3474 Necklace 单调队列
Necklace Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Su ...
- cookie和session 区别
cookie机制采用的是在客户端保持状态的方案,session机制采用的是在服务器端保持状态的方案. 1.cookie数据存放在客户的浏览器上,session数据放在服务器上. 2.cookie不是很 ...
- Apose.Cell导出的Excel数字格式正确显示
使用Apose.Cell导出Excel时假如导出的如上图:边框左上角有绿色三角形区域,选中某个区域会出现感叹号询问是否要将文本转换为数字 那么在代码中使用PutValue方法时,后面的bool参数设为 ...
- GAN背后的数学原理
模拟上帝之手的对抗博弈——GAN背后的数学原理 简介 深度学习的潜在优势就在于可以利用大规模具有层级结构的模型来表示相关数据所服从的概率密度.从深度学习的浪潮掀起至今,深度学习的最大成功在于判别式 ...