es6摇一摇类库

github - /public/js/tools/play/shake

    import shake from "./shake.js";
    let shake = new shake();
    //会默认启动监听，如果需要二次启动必须使停止监听以后
    shake.stop(); //移除监听
    shake.start();//开始监听
    //let shake = new shake({step:300,stopTime:3000}) 
复制代码

参数	说明	例子
step	晃动力度	{step:300}默认300
stopTime	结束时常	{stopTime:3000}默认3000
event	事件监听	start,actio,stop
start	开始	on("start",fn)
actio	摇动中	on("action",fn)
stop	结束	on("stop",(number,th)=>{})
number，th	number：摇动次数	th： 当前指针

/**
 * 摇一摇
 * @class shake
 * let shake = new shake({step:300,stopTime:3000}) 
 * step:晃动力度
 * stopTime:停止时常
 * event: start action stop  
 * shake.on("start",(number,this))
 * number: 摇动次数
 * this： shake类
 */
class shake{
    constructor(arg){
        this.mot={
            step:300, //摇动力度
            stopTime:3000,//秒停止
            last_update: 0,
             x:0,
             y:0, 
             z:0, 
             last_x:0, 
             last_y:0, 
             last_z:0,
             pow:1
       }
       this.time=0;
       Object.assign(this.mot,arg);
       this.bindEvent();
       this.handEvent=[];//记录
       this.check=1;//是否启动中
    }
  
    setTime=()=>{
        clearTimeout(this.time);
        this.time = setTimeout(arg=>{
           // this.unbindEvent();
            this.triger("stop");
            this.mot.pow=1;
        },3000)
    }
    on(ev,callback){
        callback = callback||(function(){});
        let fn = this.handEvent.find(arg=>arg.event);
        if(!fn){
             this.handEvent.push({event:ev,callback})
        }
        return this;
    }
    start(){
        if(this.check==0){
            this.bindEvent();
        }
       
    }
    stop(){
        this.check=0;
       this.unbindEvent();
       return this;
       //this.handEvent=[];//记录
    }
    triger(ev){
       let fn = this.handEvent.find(arg=>arg.ev);
       switch(ev){
           case "start":
           case "action":
           case "stop":console.log(ev);break;
       }
       if(fn){
           fn.callback(this.mot.pow,this);
       }
    }
    bindSelfEvent=()=>{

    }
    bindEvent(){
        //监控摇一摇
        window.addEventListener("devicemotion", this.EVENT_Deviceorientation, false);
        
    }
    unbindEvent(){
        Object.assign(this.mot,{ pow:1});
        window.removeEventListener("devicemotion",this.EVENT_Deviceorientation);
    }
    EVENT_Deviceorientation=(eventData)=>{
        var acceleration = eventData.accelerationIncludingGravity;
        var curTime = new Date().getTime();
        if ((curTime - this.mot.last_update) > 300) {
            var diffTime = curTime - this.mot.last_update;
            this.mot.last_update = curTime;
            this.mot.x = acceleration.x;
            this.mot.y = acceleration.y;
            this.mot.z = acceleration.z;
            var speed = Math.abs(this.mot.x + this.mot.y + this.mot.z - this.mot.last_x - this.mot.last_y - this.mot.last_z) / diffTime * 10000;
            if (speed > this.mot.step) {
                if(this.mot.pow==1){
               
                    this.triger("start");
                }
                
                this.triger("action"); 
              this.mot.pow+=1;
              this.setTime();
            }
            this.mot.last_x = this.mot.x;
            this.mot.last_y = this.mot.y;
            this.mot.last_z = this.mot.z;
        }
    }
}
export default shake;
复制代码