美文网首页
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