模块:Accelerometer

Accelerometer模块管理设备加速度传感器,用于获取设备加速度信息,包括x(屏幕水平方向)、y(垂直屏幕水平方向)、z(垂直屏幕平面方向)三个方向的加速度信息。例如:微信的摇一摇,当你在摇晃手机的时候,上下左右都会产生一个相应的值,当这个值大于某一个值的时候,就可以确定是在摇晃手机了,这时就会做出响应;

首先所有HTML5+对象是放到 plus 里面的;其次是具体对象;accelerometer;然后是具体的方法:getCurrentAcceleration(); 获取当前设备的加速度信息;watchAcceleration(); 监听设备加速度变化信息;clearWatch(); 关闭监听设备加速度信息;

使用场景: 摇一摇,步数统计,报警系统,速度感应系统等

即时获取:当调用这个的时候,这个加速度是多少;

plus.accelerometer.getCurrentAcceleration(function(a){
alert( "Acceleration\nx:" + a.xAxis + "\ny:" + a.yAxis + "\nz:" + a.zAxis );
},function(e){
alert( "Acceleration error: " + e.message );
});

监听接口:每隔多长时间去获取下;(有点像JavaScript的定时器,开启定时器每隔多少时间去调用下,然后还可以取消)

看回调:successCB,errorCB,option

var wid = null; //监听返回的是一个ID
wid = plus.accelerometer.watchAcceleration(function(a){
var valStr = "Acceleration\nx:" + a.xAxis + "\ny:" + a.yAxis + "\nz:" + a.zAxis;
$("#info").html(valStr);
},function(e){
var valStr = "Acceleration error: " + e.message ;
$("#info").html(valStr);
},{frequency:'1000'});

停止监听:

plus.accelerometer.clearWatch(wid); // 类似于清空定时器需要制定一个播放器

获取示例:

<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">设备加速传感器</h1>
</header>
<div class="mui-content mui-content-padded">
<button type="button" id="btnGetAcc" class="mui-btn mui-btn-blue mui-btn-block">获取</button>
<button type="button" id="btnWatchAcc" class="mui-btn mui-btn-blue mui-btn-block">监听</button>
<button type="button" id="btnClearAcc" class="mui-btn mui-btn-blue mui-btn-block">停止监听</button>
<p id="info"></p>
</div>
<script src='http://libs.baidu.com/jquery/1.8.3/jquery.min.js'></script>
<script type="text/javascript" src="js/mui.js"></script>
<script type="text/javascript">
mui.plusReady(function(){
$("#btnGetAcc").bind('tap',function(){getAcc();});
$("#btnWatchAcc").bind('tap',function(){watchAcc();});
$("#btnClearAcc").bind('tap',function(){clearWatch();});
function getAcc(){
plus.accelerometer.getCurrentAcceleration(function(a){
alert( "Acceleration\nx:" + a.xAxis + "\ny:" + a.yAxis + "\nz:" + a.zAxis );
},function(e){
alert( "Acceleration error: " + e.message );
});
};
var wid = null;
function watchAcc(){
wid = plus.accelerometer.watchAcceleration(function(a){
var valStr = "Acceleration\nx:" + a.xAxis + "\ny:" + a.yAxis + "\nz:" + a.zAxis;
$("#info").html(valStr);
},function(e){
var valStr = "Acceleration error: " + e.message ;
$("#info").html(valStr);
},{frequency:'1000'});
}
function clearWatch(){
plus.accelerometer.clearWatch(wid);
}
});
</script>

设备加速传感器(accelerometer) ---- HTML5+的更多相关文章

  1. Xamarin Essentials教程使用加速度传感器Accelerometer

    Xamarin Essentials教程使用加速度传感器Accelerometer   加速度传感器是一种能够测量加速度的传感器,用于检测设备状态的改变.在Xamarin中,如果开发者想要使用加速度传 ...

  2. Swift - 加速传感器(CoreMotion)的用法,小球加速运动并反弹样例

    1,加速传感器可以监听到x,y,z三个方向的加速度,使用步骤如下: (1)实例化CMMotionManager类 (2)向CMMotionManager的accelerometerUpdateInte ...

  3. Android 获取加速传感器的值,并去除杂音

    1.注册和注销传感器 private void registerSensor() { manager.registerListener(this, manager.getDefaultSensor(S ...

  4. Pro Android学习笔记(一五四):传感器(4):陀螺仪、加速传感器

    文章转载只能用于非商业性质,且不能带有虚拟货币.积分.注册等附加条件.转载须注明出处http://blog.csdn.net/flowingflying/以及作者@恺风Wei. 陀螺仪 陀螺仪(Gyr ...

  5. 移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程

    如果需要在移动浏览器中实现拨打电话,调用sms发短信,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url href链接的方式,实现在Safa ...

  6. HTML5 移动开发(移动设备检测及对HTML5的支持)

    1.如何选择要使用的特性以及所面向的浏览器 2.哪些浏览器支持HTML5 3.如何检测是否支持HTML5 4.如何开发贷容错性的Web应用程序 5.CSS3媒体查询如何增强检测脚本   使用HTML5 ...

  7. 加速传感器(CoreMotion) swift

    // // ViewController.swift // UILabelTest // // Created by mac on 15/6/23. // Copyright (c) 2015年 fa ...

  8. Android_(传感器)获取手机中的传感器

    传感器是一种检测装置,能够感受被测量的信息,并能将检测和感受到的信息按一定规律变换成电信号或其它所需形式的信息输出 Android操作系统中内置了很多的传感器(物理装置),能够探测.感受外界的信号.物 ...

  9. Windows Phone 硬件检测

    private static bool IsWvga{ get { return App.Current.Host.Content.ScaleFactor == 100; }} private sta ...

随机推荐

  1. 分享10个原生JavaScript技巧

    首先在这里要非常感谢无私分享作品的网友们,这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利 ...

  2. 使用 jQuery UI 和 jQuery 插件构建更好的 Web 应用程序

    简介: 对于那些使用 JavaScript 和 jQuery 库从桌面应用程序转向 Web 应用程序的开发人员来说,他们还不习惯去考虑应用程序基本的外观,因为这些以前都是由操作系统来处理的.了解 jQ ...

  3. snmp trap编写

    1.MIB库查看net-snmp的安装目录./usr/share/snmp/mibs目录下: NET-SNMP-EXAMPLES-MIB.mib本件部分内容如下: netSnmpExampleHear ...

  4. Zookeeper 基础

    在深入了解ZooKeeper的运作之前,让我们来看看ZooKeeper的基本概念.我们将在本章中讨论以下主题:1.Architecture(架构)2.Hierarchical namespace(层次 ...

  5. javascript中call、apply、argument、callee、caller

    1.Call方法 调用一个对象的一个方法,以另一个对象替换当前对象. call([thisObj[,arg1[, arg2[, [,.argN]]]]]) thisObj 可选项.将被用作当前对象的对 ...

  6. Android camera 竖直拍照 获取竖直方向照片

    竖直拍照 if (Integer.parseInt(Build.VERSION.SDK) >= 8) {     camera.setDisplayOrientation(90); } else ...

  7. 矩阵的特征值和特征向量的雅克比算法C/C++实现

    矩阵的特征值和特征向量是线性代数以及矩阵论中很重要的一个概念.在遥感领域也是经经常使用到.比方多光谱以及高光谱图像的主成分分析要求解波段间协方差矩阵或者相关系数矩阵的特征值和特征向量. 依据普通线性代 ...

  8. erlang随机数问题

    一.计算机的随机数的老问题,伪随机数. random:seed() random:uniform(N) 如果seed是相同的,则第M次执行 random:uniform(N) .M.N相同,则得到的随 ...

  9. Windows下基于eclipse的Storm应用开发与调试

    原创文章,转载请注明: 转载自http://www.cnblogs.com/tovin/p/3971113.html 本文以一个简单的example来讲解如何开发storm应用程序 1.创建maven ...

  10. c++ 转化

    atof(将字符串转换成浮点型数)相关函数atoi,atol,strtod,strtol,strtoul表头文件#include定义函数double atof(const char *nptr);函数 ...