PhoneGap-----Accelerometer

js_dada

于 2013-06-24 10:34:23 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： phonegap html5 文章标签： HTML PhoneGap

本文链接：https://blog.youkuaiyun.com/js_dada/article/details/9159335

phonegap 同时被 2 个专栏收录

9 篇文章

订阅专栏

html5

8 篇文章

订阅专栏

本文介绍如何利用WebGL实现实时3D加速效果，并通过编写JavaScript代码监听和展示设备的加速度信息，提供了从代码实现到具体应用的详细步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Everything in the code!!!!

<!DOCTYPE html>
<head>
<title>Acceleration Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
    var watchID = null;
	document.addEventListener("deviceready",onDeviceReady,false);
	
	function onDeviceReady()
	{
		startWatch();
	}
	
	function startWatch()
	{
		var options = {frequency:3000};
		watchID = navigator.accelerometer.watchAcceleration(onSuccess,onError,options);
	}
	
	function stopWatch()
	{
		if(watchID)
		{
			navigator.accelerometer.clearWatch(watchID);
			watchID = null;
		}
	}
	
	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 />';
	}
	
	function onError()
	{
		alert('oooops!');
	}
	
</script>
</head>
<body>
    <div id="accelerometer">Waiting for accelerometer...</div>
    <button onClick="stopWatch();">Stop Watching</button>
</body>
</html>