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 你可以通过开放接口实现以下功能: 数据同步 数据同步可以帮助你同步部门成员信息,你还可以创 ...
随机推荐
- 一些Android的博客，没事翻翻
深入剖析Android系统(推荐) 深入浅出Android系统移植与平台开发系列(推荐) Android系统开篇(小米工程师对系统的整体分析,推荐) Android6.0Framework源码解析系列 ...
- [转]a-mongodb-tutorial-using-c-and-asp-net-mvc
本文转自:http://www.joe-stevens.com/2011/10/02/a-mongodb-tutorial-using-c-and-asp-net-mvc/ In this post ...
- 用户登录注册（安全）(常规、FB、google、paypal) 实战
/* 用户登录界面 */elseif ($action == 'login'){ if($_SESSION['user_id']) { ecs_header("Lo ...
- 添加FB登陆时，需要curl扩展
安装curl扩展遇到一个傻逼问题 [root@xxx openssl]# /usr/local/php/bin/phpizeCannot find config.m4.Make sure that y ...
- static关键字作用
之前讲到final关键字的作用是每次面试的时候我必问求职者的两个问题之一,另外一个问题就是文本会写到的static.final和static一样,都是一个小问题可以看到一个人的基础是否扎实以及平时是否 ...
- Java Calendar Date使用总结
Java Calendar Date使用总结 package cn.outofmemory.codes.Date; import java.util.Calendar; import java.uti ...
- 经典的SQL面试题及答案
- Bzoj4044 Virus synthesis
题意 你要用 \(ATGC\) 四个字母用两种操作拼出给定的串: 将其中一个字符放在已有串开头或者结尾 将已有串复制,然后 \(reverse\) ,再接在已有串的头部或者尾部 一开始已有串为空.求最 ...
- 图片（imageView）
图片(imageView): 常用属性: android:scaleType(图片显示的格式) android:src(图片源,一般使用的资源) android:scaleType属性的常用取值 0. ...
- 三、angularjs上传图片
上传图片需要引入插件ngFileUpload,使用bower安装方法: bower install ng-file-upload --save,安装后需要在命名app的名字js文件中注入,如下所示: ...