zhichen-edu
/
zc_saas_h5


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title>Hello H5+</title>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript">
function getOrient() {
	outSet( "获取设备当前方向信息" );
	plus.orientation.getCurrentOrientation( function ( o ) {
		outLine( "alpha：" + o.alpha + "\nbeta：" + o.beta + "\ngamma：" + o.gamma );
	}, function ( e ) {
		outLine( "获取失败:" + e.message );
	} );
}
var id = null;
function watchOrient() {
	if ( id ) {
		return;
	}
	outSet( "监听设备方向变化信息" );
	id = plus.orientation.watchOrientation( function ( o ) {
		outSet( "监听设备方向变化信息\n" + "alpha：" + o.alpha + "\nbeta：" + o.beta + "\ngamma：" + o.gamma );
	}, function ( e ) {
		plus.orientation.clearWatch( id );
		id = null;
		outLine( "监听失败:" + e.message );
	} );
}
function watchStop() {
	if ( id ) {
		outSet( "停止监听设备方向变化信息" );
		plus.orientation.clearWatch( id );
		id = null;
	} else {
		outSet( "没有监听设备方向变化" );
	}
}
		</script>
		<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
	</head>
	<body>
		<br/>
		<div class="button" onclick="clicked('orientation_level.html')">
			水平仪
		</div>
		<div class="button" onclick="clicked('orientation_compass.html')">
			指南针
		</div>
		<br/>
		<ul class="dlist">
			<li class="ditem" onclick="getOrient()">获取设备的方向信息</li>
			<li class="ditem" onclick="watchOrient()">监听设备的方向变化</li>
			<li class="ditem" onclick="watchStop()">停止监听</li>
		</ul>
		<div id="outpos"/>
		<div id="output">
Orientation可获取设备的方向信息，包括alpha(以垂直地心轴旋转的角度)、beta(以水平轴旋转的角度)、gamma(以垂直水平轴旋转的角度)三个方向信息。
		</div>
	</body>
</html>