<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
<script type="text/javascript" src="js/jquery-1.11.2.js"></script>
<script type="text/javascript">
mui.plusReady(function(){
$('#getAcc').bind('tap',function(){
getAcc();
})
$('#watchAcc').bind('tap',function(){
watchAcc();
})
$('#clearAcc').bind('tap',function(){
clearWatch();
})
})
function getAcc(){
plus.accelerometer.getCurrentAcceleration(function(a){
$('#info').html("accelerometer:<br />x:"+a.xAxis+"<br />y:"+a.yAxis+"<br />c"+a.zAxis);
},function(e){
alert("code:"+e.code+"message:"+e.message)
});
}
function watchAcc(){
watch=plus.accelerometer.watchAcceleration(function(a){
$('#info').html("accelerometer:<br />x:"+a.xAxis+"<br />y:"+a.yAxis+"<br />c"+a.zAxis);
},function(e){
alert("code:"+e.code+"message:"+e.message)
},{frequency:1000});
}
function clearWatch(){
plus.accelerometer.clearWatch(watch);
}
</script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">重力加速度传感器测试</h1>
</header>
<div class="mui-content">
<button type="button" class="mui-btn mui-badge-blue mui-btn-block" id="getAcc">获取重力加速度</button>
<button type="button" class="mui-btn mui-badge-blue mui-btn-block" id="watchAcc">监测重力加速度</button>
<button type="button" class="mui-btn mui-badge-blue mui-btn-block" id="clearAcc">清除重力加速度</button>
<h3 id="info"></h3>
</div>
</body>
</html>