首页 > Web开发 > 详细

HTML5实现摇一摇

时间:2015-07-29 18:58:10      阅读:256      评论:0      收藏:0      [点我收藏+]
var isyao=false;//控制强烈摇动,连续触发事件
        //手机摇动事件
        _self.ShakeMobileEven=function(){
            if (window.DeviceMotionEvent) {                
                window.addEventListener(‘devicemotion‘, deviceMotionHandler, false);                                
            } else {
                alertShow(‘本设备不支持devicemotion事件‘);
            }
            var speed = 23;
            var x = y = z = lastX = lastY = lastZ = 0;
            function deviceMotionHandler(event) {
                if(isyao==true){
                    return;
                }
                var acceleration = event.accelerationIncludingGravity;
                x = acceleration.x;
                y = acceleration.y;
                z = acceleration.z;
                if (Math.abs(x - lastX) > speed || Math.abs(y - lastY) > speed || Math.abs(z - lastZ) > speed) {
                    isyao=true;
                    //摇动成功执行的代码在此处
                }
                lastX = x;
                lastY = y;
                lastZ = z;
            }           
        }

  另外,更多摇动实例参考:http://download.csdn.net/detail/yinluhui/8944075

HTML5实现摇一摇

原文:http://www.cnblogs.com/yinluhui0229/p/4686733.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!