美文网首页
html5 js 重力感应和摇一摇接口

html5 js 重力感应和摇一摇接口

作者: MenChem | 来源:发表于2016-09-23 16:20 被阅读222次

    文章链接 - -||

    摇一摇代码

    <script>
       var SHAKE_THRESHOLD = 3000;
        var last_update = 0;
        var x = y = z = last_x = last_y = last_z = 0;
        function init() {
            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("摇动了");
                }
                last_x = x;
                last_y = y;
                last_z = z;
            }
        }
    init();
    </script>
    

    相关文章

      网友评论

          本文标题:html5 js 重力感应和摇一摇接口

          本文链接:https://www.haomeiwen.com/subject/ecityttx.html