標籤:
<!doctype html><html><head> <meta charset="UTF-8"> <title>擷取裝置資訊</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/></head><body> <div id="status"></div> <div class="link" style="position:fixed;bottom:20px"> <a href="demo.htm">1、 擷取裝置資訊</a><br /> <a href="demo_1.htm">2、 搖晃判斷</a><br /> <a href="demo_2.htm">3、 簡易類比搖一搖</a> </div> <script> if (window.DeviceMotionEvent) { window.addEventListener(‘devicemotion‘, deviceMotionHandler, false); } else { alert(‘本裝置不支援devicemotion事件‘); } function deviceMotionHandler(eventData) { var acceleration = eventData.accelerationIncludingGravity, x, y, z; x = acceleration.x; y = acceleration.y; z = acceleration.z; document.getElementById("status").innerHTML = "x:"+x+"<br />y:"+y+"<br />z:"+z; } </script></body></html>
html5 實現手機搖一搖功能(A)