移動端h5搖一搖事件

標籤：判斷   gravity   div   ati   timeout   dev   show   tip   top   

//        搖一搖動作//擷取加速度資訊//通過監聽上一步擷取到的x, y, z 值在一定時間範圍內的變動率，進行裝置是否有進行晃動的判斷。//而為了防止正常移動的誤判，需要給該變動率設定一個合適的臨界值。        var SHAKE_THRESHOLD = 4000;        var last_update = 0;        var x, y, z, last_x = 0, last_y = 0, last_z = 0;        function deviceMotionHandler(eventData) {            var acceleration =eventData.accelerationIncludingGravity;            var curTime = new Date().getTime();            if ((curTime-last_update)> 10) {                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) {                    $(‘.slide_06_text‘).fadeOut();                    $(‘.milk_01‘).animate({top:‘0‘},1000);                    $(‘.milk_02‘).show().animate({bottom:‘0‘},2000);                    $(‘.yao_tips_01‘).animate({top:‘5%‘},1500);                    $(‘.yao_tips_02‘).show().animate({bottom:‘5%‘},2000);                    setTimeout(function(){                        $(‘.slide_06‘).fadeOut();                        $(‘.slide_04‘).fadeIn();                    },2500);                }                last_x = x;                last_y = y;                last_z = z;            }        }

 

移動端h5搖一搖事件