Html5添加phonegap--Accelerometer插件教程

時間 2019-11-12

標籤 html5 html 添加 phonegap accelerometer 插件教程欄目 HTML5 简体版

原文原文鏈接

<!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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。