accelerometer.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  6. <meta name="misapplication-tap-highlight" content="no"/>
  7. <meta name="HandheldFriendly" content="true"/>
  8. <meta name="MobileOptimized" content="320"/>
  9. <title>Hello H5+</title>
  10. <script type="text/javascript" src="../js/common.js"></script>
  11. <script type="text/javascript">
  12. function getAcc() {
  13. outSet('获取设备当前加速度');
  14. plus.accelerometer.getCurrentAcceleration(function(a){
  15. outLine('X轴:'+a.xAxis+'\nY轴:'+a.yAxis+'\nZ轴:'+a.zAxis);
  16. }, function(e){
  17. outLine('获取失败:'+e.message);
  18. } );
  19. }
  20. var aid = null;
  21. function watchAcc(){
  22. if(aid){
  23. return;
  24. }
  25. outSet('监听设备加速度变化');
  26. aid = plus.accelerometer.watchAcceleration(function(a){
  27. outSet('监听设备加速度变化\n'+'X轴:'+a.xAxis+'\nY轴:'+a.yAxis+'\nZ轴:'+a.zAxis);
  28. }, function(e){
  29. outLine('监听失败:'+e.message);
  30. });
  31. }
  32. function watchStop() {
  33. if(aid){
  34. outSet('停止监听设备加速度变化');
  35. plus.accelerometer.clearWatch(aid);
  36. aid = null;
  37. }else{
  38. outSet('没有监听设备加速度变化');
  39. }
  40. }
  41. </script>
  42. <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
  43. </head>
  44. <body>
  45. <br/>
  46. <div class="button" onclick="clicked('accelerometer_shake.html', '摇一摇')">
  47. 摇一摇
  48. </div>
  49. <br/>
  50. <ul class="dlist">
  51. <li class="ditem" onclick="getAcc()">获取设备当前加速度</li>
  52. <li class="ditem" onclick="watchAcc()">监听设备加速度变化 </li>
  53. <li class="ditem" onclick="watchStop()">停止监听设备加速度变化</li>
  54. </ul>
  55. <div id="outpos"/>
  56. <div id="output">
  57. Accelerometer可获取设备加速度传感器信息,包括x轴(屏幕水平方向)、y轴(垂直屏幕水平方向)、z轴(垂直屏幕平面方向)三个方向的加速度信息。
  58. </div>
  59. </body>
  60. </html>