【H5】实现手机端摇一摇功能

//可以更改阙值来调整摇一摇的简易度。
var chake_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 > chake_threshold) {
            alert("摇动了");
        }
        last_x = x;
        last_y = y;
        last_z = z;
    }
}




猜你喜欢

转载自blog.csdn.net/unionz/article/details/76512487