您的位置：首页 > Web前端 > HTML5

Html5添加phonegap--Accelerometer插件教程

2015-12-31 13:46 567 查看
<!DOCTYPE html>  

<html>  

<head>  

<title>Accelerometer插件</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;    

//等待加载PhoneGap  

document.addEventListener("deviceready", onDeviceReady, false);        

// Phonegap加载完毕  

function onDeviceReady() {  

startWatch();  

}           

 

//开始监视加速度  

function startWatch() {        

//每隔3秒钟更新一次加速度数据  

var options={ frequency: 3000 };           

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 = 'Acceleration X: '+ acceleration.x + '<br />' +  

'Acceleration Y: '+acceleration.y + '<br />' +  

'Acceleration Z: '+acceleration.z + '<br />' +  

'Timestamp: '+ acceleration.timestamp + '<br />';  

}      

// onError: 获取加速度失败  

function onError() {  

alert('onError!');  

}      

</script>   

 

</head>  

<body>  

<div id="accelerometer">Waiting for accelerometer...</div>  

</body>  

 </html>  

KeyMob是国内最注重用户体验的移动广告平台,致力于为应用开发者创造最好的手机广告收入,为数以万亿的广告主提供精准的无线营销和平台交叉推广服务。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航