一个简单的HTML5摇一摇实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Cache-Control" content="no-cache"/><meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0"/><meta name="MobileOptimized" content="240"/><title>HTML摇一摇。。。</title> <script type="text/javascript">var SHAKE_THRESHOLD = 3000;var last_update = 0;var x=y=z=last_x=last_y=last_z=0;var media;function init(){last_update=new Date().getTime();media= document.getElementById("musicBox");if (window.DeviceMotionEvent) { window.addEventListener(‘devicemotion’,deviceMotionHandler, false); } else{alert(‘not support mobile event’);}}function deviceMotionHandler(eventData) {var acceleration =eventData.accelerationIncludingGravity;var curTime = new Date().getTime();if ((curTime – last_update)> 100) {var diffTime = curTime -last_update;last_update = curTime;x = acceleration.x; y = acceleration.y;z = acceleration.z;var speed = Math.abs(x +y + z – last_x – last_y – last_z) / diffTime * 10000;if (speed > SHAKE_THRESHOLD) {alert("shaked");}last_x = x;last_y = y;last_z = z;}} </script></head> <body onload="init()"> html5手机摇一摇功能,摇一摇试试看</body> </html>

版权声明:本文为博主原创文章,,未经博主允许不得转载。

爱上一个人的时候,总会有点害怕,怕得到他;怕失掉他。

一个简单的HTML5摇一摇实例

相关文章:

你感兴趣的文章:

标签云: