美轮美奂的phonegap(二)---获取加速度的传感器
来源:互联网 发布:自动化交易软件 编辑:程序博客网 时间:2024/06/05 05:26
主要用于运动或者更加精确的定位。
方法:
accelerometer.getCurrentAcceleration---返回当前加速度传感器的值accelerometer.watchAcceleration---可以指定刷新频率
accelerometer.clearWatch---停止watchAcceleration获取值
参数:
accelerometerSuccess---获取成功
accelerometerError---获取失败
accelerometerOptions---刷新频率
对象(只读):
acceleration---承载数据参数
代码:
<!DOCTYPE html><html><head><title>Acceleration Example</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;// 等待加载PhoneGapdocument.addEventListener("deviceready", onDeviceReady, false);// PhoneGap加载完毕function onDeviceReady() {initStartWatch();}//获取当前的加速度function initStartWatch(){ navigator.accelerometer.getCurrentAcceleration(onInitSuccess, onError);}function onInitSuccess(acceleration){var element = document.getElementById('nowaccelerometer');element.innerHTML = '加速度 X轴: ' + acceleration.x + '<br />' +'加速度 Y轴: ' + acceleration.y + '<br />' +'加速度 Z轴: ' + acceleration.z + '<br />' +'时间戳: ' + acceleration.timestamp + '<br />';}// 开始监视加速度function startWatch() {// 每隔1秒钟更新一次加速度数据var options = { frequency: 1000 };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 = '加速度 X轴: ' + acceleration.x + '<br />' +'加速度 Y轴: ' + acceleration.y + '<br />' +'加速度 Z轴: ' + acceleration.z + '<br />' +'时间戳: ' + acceleration.timestamp + '<br />';}// onError: 获取加速度失败function onError() {alert('onError!');}</script></head><body> <div>当前加速度值(启动程序的瞬时值)</div> <div id="nowaccelerometer"></div> <div>1秒刷新一次的加速度值</div><div id="accelerometer"></div> <button onclick="startWatch();">开始</button><button onclick="stopWatch();">停止</button></body></html>
运行效果截图:
0 0
- 美轮美奂的phonegap(二)---获取加速度的传感器
- 美轮美奂的phonegap(四)---指南针的操作
- 传感器的使用:加速度传感器
- 美轮美奂的phonegap(三)---调用系统相机
- 美轮美奂的phonegap(一)---phonegap环境的搭建
- 获取Android设备的方向 ,使用加速度重力传感器
- Andorid 加速度传感器的使用
- Android 加速度传感器的使用
- 微信摇一摇-----加速度传感器的使用
- 加速度传感器的简单使用
- android手机 加速度传感器 获取x,y,z轴上的加速度
- 美轮美奂的phonegap(七)---系统事件的注册
- 美轮美奂的phonegap(五)---判断当前网络连接情况
- 美轮美奂的phonegap(六)---自定义提示(框,响铃,震动)
- 美轮美奂的phonegap(八)---写phonegap插件实现本地的代码
- 压电加速度传感器的结构原理详解
- Android加速度传感器数值的过滤
- 反弹小球和加速度传感器的使用
- javascript 动态修改Li的值
- MTS格式视频转AVI相关软件
- OpenCV:二值图像连通区域分析与标记算法实现
- 几种iOS 自动化测试框架对比
- Protobuf+Java服务端环境7步准备
- 美轮美奂的phonegap(二)---获取加速度的传感器
- 根据ip获取所在城市信息
- grep使用多个查询条件--或
- startbbs的一个bug
- C# WebBrowser执行自定义JS方法
- ajax 一直走error方法
- ffmpeg将图片合成视频
- Java笔试题集锦
- 支付宝与工行“决裂”,备付金存管行易主建行