移动设备 - 测试1秒能摇多少次

来源：互联网发布：消防工程师网络培训班编辑：程序博客网时间：2024/05/20 09:21
<!doctype html><html><head><meta charset="utf-8"><title>移动设备 - 测试1秒能摇多少次</title><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><meta http-equiv="pragma" content="no-cache"><meta http-equiv="Cache-Control" content="no-cache"><meta http-equiv="Expires" content="0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="format-detection" content="telephone=no"><meta name="apple-mobile-web-app-title" content=""></head><body><div id="click" style="width:80px; height:80px; line-height:80px; text-align:center; color:#fff; border-radius:50%; background-color:#333; cursor:pointer;">开始摇</div><script type="text/javascript">    var SHAKE_THRESHOLD = 1000;    var last_update = 0;    var x = y = z = last_x = last_y = last_z = 0;    var SHAKE_NUM = 0;    function init() {        if (window.DeviceMotionEvent) {            window.addEventListener('devicemotion', deviceMotionHandler, false);        } else {            alert('not support mobile event');        }    }    function deviceMotionHandler(eventData) {        var acceleration = eventData.accelerationIncludingGravity;//eventData.acceleration;        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) {                SHAKE_NUM++;shakePhone();            }        }        last_x = x;        last_y = y;        last_z = z;    }document.getElementById('click').onclick = function (){init();SHAKE_NUM = 0;setTimeout(function(){alert(SHAKE_NUM);},1000);}</script></body></html>
0 0