Html5添加phonegap--Accelerometer插件教程

<!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是国内最注重用户体验的移动广告平台,致力于为应用开发者创造最好的手机广告收入,为数以万亿的广告主提供精准的无线营销和平台交叉推广服务。

javascript