亚洲免费乱码视频,日韩 欧美 国产 动漫 一区,97在线观看免费视频播国产,中文字幕亚洲图片

      1. <legend id="ppnor"></legend>

      2. 
        
        <sup id="ppnor"><input id="ppnor"></input></sup>
        <s id="ppnor"></s>

        html5搖一搖代碼優(yōu)化包括DeviceMotionEvent等等

        字號:


            首先對DeviceMotionEvent進行優(yōu)化;
            去除無用的代碼,重新封裝DeviceMotionEven
            復制代碼代碼如下:
            if(window.DeviceMotionEvent) {
            var speed = 25;//定義一個數值
            var x = y = z = lastX = lastY = lastZ = 0;//重置所有數值
            window.addEventListener('devicemotion', function(){
            var acceleration =event.accelerationIncludingGravity;//將傳感值賦給acceleration
            x = acceleration.x;
            y = acceleration.y;
            z = acceleration.z;
            if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {
            // TODO:在此處可以實現搖一搖之后所要進行的數據邏輯操作
            donghua();
            }
            lastX = x;
            lastY = y;
            lastZ = z;
            }, false);
            }
            由于實際項目中有很多需求無法很好的實現,
            比如:動畫不執(zhí)行完畢就不能繼續(xù)執(zhí)行DeviceMotionEvent事件;
            所以做了進一步優(yōu)化;
            復制代碼代碼如下:
            var f=1;
            function donghua(){
            //動畫事件
            $(".img").animate({left:'0',opacity:'1'},700,function(){f=1;});
            });
            if(window.DeviceMotionEvent) {
            var speed = 25;//定義一個數值
            var x = y = z = lastX = lastY = lastZ = 0;//重置所有數值
            window.addEventListener('devicemotion', function(){
            var acceleration =event.accelerationIncludingGravity;//將傳感值賦給acceleration
            x = acceleration.x;
            y = acceleration.y;
            z = acceleration.z;
            if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {
            // TODO:在此處可以實現搖一搖之后所要進行的數據邏輯操作
            if(f==1){
            donghua();
            f=0;
            }
            }
            lastX = x;
            lastY = y;
            lastZ = z;
            }, false);
            }
            現在就完美了