<!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>
移动设备 - 测试1秒能摇多少次
最新推荐文章于 2023-02-20 09:02:49 发布