js实现微信摇一摇以及震动

// 摇一摇
var shakeFlag = true;  //定义是否在摇动
var SHAKE_THRESHOLD=4000;//定义一个摇动的阈值
var last_update=0;//定义一个变量记录上一次摇动的时间
var x=y=z=last_x=last_y=last_z=0;//定义x、y、z记录三个轴的数据以及上一次触发的时间
function initShake(){
    //判断移动浏览器是否支持运动传感器事件
    if(window.DeviceMotionEvent){
        //添加一个事件监听器
        window.addEventListener('devicemotion',deviceMotionHandler,false);
        
    }else{
    newLayer("该设备不支持传感器");  
}
}


//运动传感器处理
function deviceMotionHandler(eventData){
    //获取含重力加速
    var acceleration=eventData.accelerationIncludingGravity;
    
    var curTime=new Date().getTime();//获取当前时间戳   
    var diffTime=curTime-last_update;
    if(diffTime>200){
        last_update=curTime;//记录上一次摇动的时间
        x=acceleration.x;//获取加速度X方向
        y=acceleration.y;//获取加速度Y方向
        z=acceleration.z;//获取加速度垂直方向
        var speed=Math.abs(x+y+z-last_x-last_y-last_z)/diffTime*30000;//计算阈值 越高摇的越快        

        if(speed>SHAKE_THRESHOLD && shakeFlag){

//执行摇动后的事件

      //处理苹果手机第一次没办法播放音乐的问题

document.addEventListener("WeixinJSBridgeReady", function () { 

    document.getElementById('crack').play(); 

}, false);

//播放音乐

        var audio = document.getElementById("crack");

          audio.play();

//震动

  var supportsVibrate = "vibrate" in navigator;
if(supportsVibrate){
navigator.vibrate(500);
}
        }        
        //记录上一次加速度
        last_x=x;
        last_y=y;
        last_z=z;
    }
}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值