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

最新推荐文章于 2023-02-20 09:02:49 发布

羽筠

最新推荐文章于 2023-02-20 09:02:49 发布

阅读量769

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_16494241/article/details/52093158

版权

JS 专栏收录该内容

72 篇文章 0 订阅

订阅专栏

<!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

收藏

觉得还不错? 一键收藏
0
评论
移动设备 - 测试1秒能摇多少次

移动设备 - 测试1秒能摇多少次开始摇 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
复制链接

扫一扫