JS-摇一摇功能

    //运动事件监听
    if (window.DeviceMotionEvent) {
      alert('支持')
      window.addEventListener('devicemotion', deviceMotionHandler, false);
    } else {
      alert('不支持')
    }

    //获取加速度信息
    //通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率,进行设备是否有进行晃动的判断。
    //而为了防止正常移动的误判,需要给该变化率设置一个合适的临界值。
    var SHAKE_THRESHOLD = 10000;
    var last_update = 0;
    var x, y, z, last_x = 0, last_y = 0, last_z = 0;
    var Index = 0, timout, intime = false;
    function deviceMotionHandler(eventData) {
      var acceleration = eventData.accelerationIncludingGravity;
      var curTime = new Date().getTime();
      if ((curTime - last_update) > 10) {
        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) {
          console.log("当摇动效率大于设置效率(10000)时反馈数据:" + speed + ",<br>" + x + ",<br>" + y + ",<br>" + z)
          Index++;
          if (!intime) {
            intime = true;
            Index = 0;
            settimestart()
          }
          //                alert("你中奖啦!");  // Do something
        }
        function settimestart() {
          timout = setTimeout(function () {
            intime = false;
            console.log("摇一摇结果:" + Index);
            clearTimeout(timout);
          }, 3000)
        }

        last_x = x;
        last_y = y;
        last_z = z;
      }
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值